@charset "UTF-8";
main[tabindex="-1"]:focus{outline:none}
:root{--bg:#121316;--panel:#191b20;--fg:#f3f4f6;--muted:#a5a9b2;--line:#34373e;--accent:#ffd100;--blue:#a1b7ff;--font:'Noto Sans JP',sans-serif;--en:'Jost',sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:15px;line-height:1.85;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,svg{display:block;max-width:100%}img{height:auto}figure,p,h1,h2,h3{margin:0}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:#121316}[hidden]{display:none!important}.wrap{width:min(1328px,calc(100% - 112px));margin-inline:auto}.eyebrow,.micro,.portfolio-note{font-size:11px;letter-spacing:.12em}.eyebrow{font-family:var(--en);font-weight:500;color:var(--accent);letter-spacing:.16em}.micro,.portfolio-note{color:var(--muted)}.muted{color:#707680}.skip-link{position:fixed;top:8px;left:16px;z-index:1000;background:var(--accent);color:#111;padding:8px 18px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:32px;width:100%;padding:23px 56px;min-height:94px;background:rgba(18,19,22,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.brand{display:flex;flex-direction:column;line-height:1;color:var(--fg);flex-shrink:0}.brand>span{font-family:var(--en);font-size:34px;font-weight:700;letter-spacing:-.065em}.brand-dot{color:var(--accent);vertical-align:top;font-size:12px;padding:4px 0 0 5px;display:inline-block}.brand small{font-family:var(--en);font-weight:500;font-size:8px;letter-spacing:.15em;margin-top:9px}.site-header nav{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:500}.site-header nav>a{padding:8px 0}.site-header nav>a:not(.nav-contact):hover{color:var(--accent)}.site-header nav>.nav-contact{background:var(--accent);color:#151619;padding:12px 24px;display:flex;gap:30px;align-items:center;border-radius:3px}.nav-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:54px;padding:15px 25px;border:1px solid var(--line);font-weight:600;font-size:13px;border-radius:3px;transition:background .18s,color .18s}.button-yellow{background:var(--accent);border-color:var(--accent);color:#111}.button:hover{background:#f3f4f6;color:#111}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:48px;font-size:13px;font-weight:600}.text-link>span{font:26px var(--en);color:var(--accent)}.text-link:hover{text-decoration:underline;text-underline-offset:6px}
.home-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:42px;align-items:center;padding-top:64px;padding-bottom:62px}.hero-copy{padding:20px 0}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:10px}.hero-copy h1{font-size:clamp(34px,4.1vw,62px);font-weight:700;letter-spacing:-.055em;line-height:1.6;margin:25px 0 23px;white-space:nowrap}.hero-copy h1 em{font-style:normal}.hero-copy h1 em:last-child{color:var(--accent)}.hero-description{font-size:14px;line-height:2.05;color:#b8bcc5}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.hero-index{display:flex;gap:28px;margin-top:62px;font:10px var(--en);letter-spacing:.1em;color:#878d98}.tech-visual{min-width:0;position:relative;background:linear-gradient(140deg,#1d2027,#151619);border:1px solid var(--line);border-radius:4px;aspect-ratio:1/1.06;overflow:hidden}.system-art{width:100%;position:absolute;top:50%;transform:translateY(-48%);padding:35px 15px}.visual-coordinate{display:flex;justify-content:space-between;gap:14px;position:absolute;left:23px;right:23px;top:20px;z-index:1;color:#818995;font:9px var(--en);letter-spacing:.12em}.visual-coordinate.bottom{top:auto;bottom:20px}.system-label{position:absolute;display:flex;gap:11px;align-items:center;background:rgba(18,19,22,.92);padding:11px 13px;border:1px solid #454a55;font:11px var(--en);letter-spacing:.05em;border-radius:3px}.system-label small{display:block;font-size:8px;color:#9ca4b2;letter-spacing:.06em;margin-top:4px}.system-number{color:var(--accent);font-size:10px;align-self:flex-start}.label-film{right:5%;top:21%}.label-ai{left:4%;top:54%}.label-space{right:4%;bottom:15%}.division-strip{border-block:1px solid var(--line);background:#191b20}.division-strip>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:57px;font:11px var(--en);letter-spacing:.08em}.division-strip a{font:11px var(--font);color:#d2d5dc}.division-strip a:hover{color:var(--accent)}
.section{padding-block:110px;scroll-margin-top:20px}.section-label{display:flex;justify-content:space-between;gap:24px;margin-bottom:52px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}h2{font-size:clamp(30px,3.2vw,46px);font-weight:600;line-height:1.6;letter-spacing:-.04em}.about-layout h2{font-size:clamp(34px,3.5vw,50px)}.prose{font-size:15px;color:#bdc1c9;line-height:2.15;padding-top:10px}.prose p+p{margin-top:20px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-heading .eyebrow{margin-bottom:19px}.section-heading>p{color:var(--muted);font-size:13px}.services-section{background:#181a1f;border-block:1px solid var(--line)}.business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.business-card{border:1px solid var(--line);background:#121316;padding:28px;border-radius:4px;display:flex;flex-direction:column;min-width:0}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.service-status{font:9px var(--en);letter-spacing:.06em;color:#aab0ba;border:1px solid #414650;border-radius:3px;padding:3px 7px;white-space:nowrap}.service-status.preparing{color:#c2b396;border-color:#615748}.business-en{font:11px var(--en);letter-spacing:.18em;color:#929aa8;margin-bottom:8px}.business-card h3{font-size:25px;font-weight:600;letter-spacing:-.04em;line-height:1.6}.business-card p:not(.business-en){color:#9fa5b1;font-size:12px;line-height:2}.business-card .business-tagline{font-size:14px!important;color:#e3e5e9!important;margin:13px 0 9px}.service-list{margin:24px 0 15px;border-top:1px solid var(--line)}.service-list>a,.service-list>span{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;padding:12px 0;border-bottom:1px solid var(--line);color:#bfc4cd}.service-list a:hover{color:var(--accent)}.business-card>.text-link{margin-top:auto}.service-symbol{height:150px;position:relative;margin:20px 0 27px;overflow:hidden;background-image:radial-gradient(#383d47 1px,transparent 1px);background-size:16px 16px}.service-symbol>span{position:absolute;bottom:4px;right:5px;font:8px var(--en);letter-spacing:.1em;color:#808896}.film-symbol i{position:absolute;border:1px solid #d3bb58;border-radius:3px;width:132px;height:75px;left:50%;top:50%;transform:translate(-50%,-50%);background:#242319}.film-symbol i:nth-child(1){transform:translate(calc(-50% - 25px),calc(-50% - 16px));opacity:.4}.film-symbol i:nth-child(2){transform:translate(calc(-50% - 12px),calc(-50% - 8px));opacity:.6}.film-symbol i:last-of-type:after{content:'';position:absolute;inset:25px 54px;border-left:22px solid var(--accent);border-top:13px solid transparent;border-bottom:13px solid transparent}.ai-symbol i{position:absolute;border:1px solid #829be0;width:60px;height:60px;background:#242d45;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.ai-symbol i:nth-child(1){transform:translate(calc(-50% - 53px),-50%) rotate(45deg);opacity:.4}.ai-symbol i:nth-child(2){transform:translate(calc(-50% + 53px),-50%) rotate(45deg);opacity:.4}.ai-symbol i:nth-child(3){transform:translate(-50%,calc(-50% - 30px)) rotate(45deg);opacity:.6}.space-symbol i{position:absolute;width:95px;height:120px;border:1px solid #9f9078;border-radius:60px 60px 0 0;bottom:12px;left:50%;transform:translateX(-50%);background:#211f1c}.space-symbol i:nth-child(2){width:70px;height:103px;opacity:.7}.space-symbol i:nth-child(3){width:44px;height:87px;background:#373026;opacity:.8}
.home-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px 28px}.home-work-wide{grid-column:1/-1}.work-image{aspect-ratio:16/10;position:relative;overflow:hidden;background:#1c1e23;border-radius:3px}.home-work-wide .work-image{aspect-ratio:2.25}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.home-work:hover img{transform:scale(1.025)}.image-arrow{position:absolute;right:16px;bottom:16px;background:var(--accent);color:#111;width:44px;height:44px;display:grid;place-items:center;font:27px var(--en);border-radius:50%}.work-meta{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-top:16px}.work-meta h3{font-size:16px;font-weight:500}.work-meta>span{font:10px var(--en);color:#929aa7;letter-spacing:.08em}.portfolio-note{font-size:10px;letter-spacing:.01em;margin-top:30px;line-height:1.8}.process-section{background:#1a1c21;border-block:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px}.process-grid article{border-top:1px solid #4d535e;padding-top:20px}.step-no{font:40px var(--en);color:#7c8491}.process-grid h3{font-size:19px;font-weight:500;margin:16px 0 12px}.process-grid p{font-size:12px;color:#aeb4bf}.company-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.company-layout .eyebrow{margin-bottom:22px}.company-intro{color:#aeb4bf;font-size:13px;line-height:2.1;margin-top:24px}.company-table{margin:0}.company-table>div{display:grid;grid-template-columns:110px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:22px 0;font-size:12px}.company-table dt{color:#8c95a2}.company-table dd{margin:0;color:#d8dbe2;overflow-wrap:anywhere}.company-table>div:first-child{border-top:1px solid var(--line)}
.contact-section{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;border-top:1px solid var(--line);padding-block:88px}.contact-section h2{font-size:clamp(29px,3.2vw,44px);margin:17px 0 22px}.contact-section p:not(.eyebrow){color:#aeb4bf;font-size:13px}.contact-links{align-self:center;display:flex;flex-direction:column;gap:18px;align-items:stretch;max-width:370px;width:100%;justify-self:end}.mail-link{font:18px var(--en);display:flex;justify-content:space-between;border-bottom:1px solid #464c57;padding:14px 0}.mail-link:hover{color:var(--accent)}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:32px;border-top:1px solid var(--line);padding-block:34px}.footer-links{display:flex;flex-wrap:wrap;gap:24px;font-size:11px;color:#adb3bd}.footer-links a:hover{color:var(--accent)}.site-footer>small{font:10px var(--en);color:#828b98}
.page-hero{padding-top:80px;padding-bottom:55px}.page-hero h1{font-size:clamp(50px,8vw,108px);font-family:var(--en);font-weight:500;line-height:1.1;letter-spacing:-.06em;margin:20px 0 24px}.page-hero h1 .accent{color:var(--accent)}.page-hero h2{font-size:24px;margin-bottom:14px}.page-hero p:not(.eyebrow){font-size:13px;color:#aeb4bf;max-width:65ch}.page-hero-bottom{display:flex;justify-content:space-between;gap:25px;align-items:end}.page-hero-bottom>span{font:11px var(--en);color:#969eac;white-space:nowrap}.portfolio-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-block:1px solid var(--line);margin-bottom:35px}.filters{display:flex;flex-wrap:wrap;gap:7px}.filter-button{border:1px solid #3c424c;border-radius:3px;background:transparent;padding:9px 16px;font-size:11px;min-height:42px;color:#b8bec9}.filter-button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#151619}.search-field{display:flex;align-items:center;gap:8px;max-width:260px;width:100%}.search-field input{width:100%;background:#1c1f25;border:1px solid #3c424c;padding:10px 12px;color:var(--fg);font-size:12px;border-radius:3px;min-height:42px}.work-count{font:11px var(--en);letter-spacing:.08em;color:#9ba4b3;margin-bottom:20px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 25px}.portfolio-card{min-width:0;scroll-margin-top:120px}.portfolio-card button{border:0;padding:0;width:100%;text-align:left;background:none;color:inherit}.portfolio-card .work-image{aspect-ratio:1.5}.portfolio-card .work-image img{width:100%;height:100%;object-fit:cover}.portfolio-card:hover .work-image img{transform:scale(1.025)}.portfolio-card .work-meta{display:block}.portfolio-card h3{font-size:14px;line-height:1.65;margin:7px 0}.portfolio-card .work-meta>span{color:#d7c77e;font:10px var(--en)}.portfolio-card p{font-size:11px;color:#8e98a8}.portfolio-card .image-arrow{width:34px;height:34px;font-size:20px}.portfolio-card.is-featured{grid-column:span 2}.portfolio-card.is-featured .work-image{aspect-ratio:2.19}.portfolio-card:target .work-image{outline:2px solid var(--accent);outline-offset:5px}.empty-state{padding:60px 20px;border:1px solid var(--line);text-align:center;color:var(--muted)}.portfolio-bottom{padding:60px 0 90px}.portfolio-bottom p{color:var(--muted);font-size:12px;margin-bottom:16px}.archive{border-top:1px solid var(--line);padding-top:40px}.archive summary{cursor:pointer;font-size:15px;min-height:44px}.archive-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;padding:10px 0;list-style:none}.archive-list li{border-bottom:1px solid var(--line);padding:16px 0;font-size:12px;color:#c5cad3}.archive-list small{display:block;font:10px var(--en);color:#909baa;margin-top:5px}
dialog.work-dialog{border:1px solid #4b515d;background:#15181e;color:var(--fg);border-radius:5px;padding:0;width:min(1100px,calc(100% - 40px));max-height:calc(100dvh - 40px);overflow:auto}dialog::backdrop{background:rgba(0,0,0,.87)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 22px;border-bottom:1px solid var(--line)}.dialog-top span{font:10px var(--en);letter-spacing:.15em;color:var(--muted)}.dialog-close{background:none;border:1px solid #59616d;width:42px;height:42px;border-radius:3px;font-size:22px}.dialog-media{background:#08090b;position:relative;min-height:100px}.dialog-media img{width:100%;max-height:64dvh;object-fit:contain}.dialog-media iframe{width:100%;aspect-ratio:16/9;border:0;display:block}.dialog-info{padding:22px}.dialog-info h2{font-size:22px;line-height:1.6}.dialog-info p{color:var(--muted);font-size:12px;margin-top:8px}.dialog-navigation{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.dialog-navigation button{background:#232934;border:1px solid #4b5667;padding:9px 16px;min-height:44px;border-radius:3px;font-size:12px}.dialog-navigation span{font:12px var(--en)}.dialog-original{font-size:12px;text-decoration:underline;text-underline-offset:4px;display:inline-block;margin-top:18px}.dialog-original:hover{color:var(--accent)}.pwgate{display:none;position:fixed;inset:0;z-index:100;background:#121316;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.is-locked,.is-locked body{overflow:hidden}.is-locked .pwgate{display:flex}.is-locked body>:not(.pwgate):not(script):not(noscript){visibility:hidden}.pwgate form{width:min(420px,100%);border:1px solid var(--line);padding:36px;background:#191c22;border-radius:4px}.pwgate h1{font:42px var(--en);margin:12px 0}.pwgate p{font-size:12px;color:#acb5c3}.pwgate label{display:block;margin:24px 0 8px;font-size:12px}.pwgate input{width:100%;padding:13px;color:#fff;background:#121316;border:1px solid #555e6d;border-radius:3px}.pwgate button{width:100%;margin-top:15px}.pwgate .gate-error{color:#ff9696;min-height:24px;margin-top:10px}.pwgate .back-link{font-size:12px;display:inline-block;margin-top:16px;color:#acb5c3}.shisha-hero{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:95px}.shisha-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.6;margin:26px 0}.shisha-hero p{font-size:14px;color:#a9b0bb}.shisha-hero .eyebrow{color:#d4c3a4}.space-art{height:480px;border:1px solid #454239;background:radial-gradient(ellipse at 50% 90%,#494132,#1a1a1b 65%);position:relative;overflow:hidden}.space-art i{position:absolute;left:50%;bottom:-15%;transform:translateX(-50%);border:1px solid #82765e;border-radius:300px 300px 0 0;width:65%;height:95%}.space-art i:nth-child(2){width:48%;height:83%}.space-art i:nth-child(3){width:31%;height:71%}.space-art span{position:absolute;bottom:30px;left:0;right:0;text-align:center;font:12px var(--en);letter-spacing:.3em;color:#dbc9a7}
@media(min-width:1600px){.home-hero{padding-block:85px}.hero-copy h1{font-size:65px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.site-header{padding:20px 32px}.site-header nav{gap:21px}.home-hero{gap:25px}.hero-copy h1{font-size:4.4vw}.hero-copy .eyebrow{font-size:9px}.hero-actions{gap:18px}.hero-actions .button{gap:20px;padding-inline:16px}.hero-index{gap:18px;font-size:8px}.business-card{padding:21px}.card-top .eyebrow{font-size:10px}.service-status{font-size:8px}.business-card h3{font-size:22px}.business-card br{display:none}.about-layout{gap:60px}.company-layout{gap:40px}.section{padding-block:85px}.system-label{font-size:9px}.system-label small{font-size:7px}.contact-section{gap:40px}.portfolio-grid{gap:32px 20px}}
@media(max-width:900px){.site-header{min-height:80px}.site-header nav{gap:16px;font-size:11px}.site-header nav>.nav-contact{gap:12px;padding:10px 16px}.business-grid{grid-template-columns:1fr}.business-card{display:grid;grid-template-columns:1fr 1.8fr;column-gap:30px;padding:30px}.business-card .card-top{grid-column:1/-1}.business-card .service-symbol{grid-column:1;grid-row:2/7;height:200px;align-self:center}.business-card .business-en{margin-top:28px}.business-card>h3,.business-card>p,.business-card>.service-list{grid-column:2}.business-card>.text-link{grid-column:2;justify-self:start}.business-card h3{font-size:28px}.business-card .service-list{margin-top:18px}.division-strip>.wrap>span:nth-child(2){display:none}.hero-copy h1{font-size:4.25vw}.hero-description{font-size:12px}.hero-actions{align-items:flex-start;flex-direction:column;gap:9px}.hero-index{margin-top:22px;flex-direction:column;gap:7px}.hero-copy h1{margin-block:20px}.portfolio-grid{grid-template-columns:1fr 1fr}.portfolio-card.is-featured{grid-column:span 2}.portfolio-card.is-featured .work-image{aspect-ratio:2.1}.contact-section{grid-template-columns:1fr 1fr}.site-footer{flex-wrap:wrap}.footer-links{gap:18px}.shisha-hero{gap:40px}.space-art{height:400px}}
@media(max-width:700px){html{scroll-padding-top:88px}.wrap{width:calc(100% - 40px)}.site-header{padding:17px 20px;min-height:76px}.brand>span{font-size:29px}.brand small{font-size:7px;margin-top:7px}.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:10px;background:transparent;border:1px solid #4b515d;border-radius:3px;flex-shrink:0}.nav-toggle span{display:block;height:1px;width:22px;background:#fff;transition:transform .15s}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 78px);overflow-y:auto;align-items:stretch;gap:0;background:#191c23;padding:15px 20px 24px;border-bottom:1px solid #555d6b}.site-header nav.is-open{display:flex;flex-direction:column}.site-header nav>a{padding:15px 10px;font-size:14px;border-bottom:1px solid #383f4b}.site-header nav>.nav-contact{margin-top:15px;padding:14px}.home-hero{grid-template-columns:1fr;padding-block:36px;gap:30px}.hero-copy{padding:0}.hero-copy .eyebrow{font-size:9px;letter-spacing:.08em}.hero-copy h1{font-size:clamp(28px,7.8vw,48px);line-height:1.6;margin:23px 0 18px;white-space:normal}.hero-description{font-size:13px}.hero-actions{flex-direction:row;align-items:center;gap:22px;margin-top:25px}.hero-actions .button{font-size:12px;padding-inline:18px;gap:24px}.hero-actions .text-link{font-size:12px;gap:16px}.hero-index{flex-direction:row;justify-content:space-between;margin-top:30px;font-size:8px}.tech-visual{width:100%;aspect-ratio:1.2}.system-art{max-height:100%;top:52%;padding:25px 0}.visual-coordinate{font-size:8px;top:15px;left:16px;right:16px}.visual-coordinate.bottom{bottom:15px}.system-label{font-size:10px;padding:8px}.label-film{top:20%}.label-ai{top:50%}.label-space{bottom:15%}.system-label small{font-size:7px}.division-strip>.wrap{flex-wrap:wrap;gap:10px;padding-block:15px;font-size:10px}.division-strip a{font-size:10px}.section{padding-block:65px}.section-label{margin-bottom:30px;display:block}.section-label>.micro{display:block;margin-top:10px}.about-layout{grid-template-columns:1fr;gap:27px}.about-layout h2{font-size:34px}.about-layout h2 br:nth-of-type(2){display:none}.prose{font-size:13px;line-height:2.1;padding-top:0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px}.section-heading>.text-link{margin-top:16px}h2{font-size:30px}.section-heading .eyebrow{margin-bottom:16px}.business-card{padding:22px;display:flex}.business-card .service-symbol{width:100%;height:140px;margin:22px 0}.business-card .business-en{margin-top:0}.business-card h3{font-size:26px}.business-card .service-list{margin-bottom:14px}.business-card>.text-link{align-self:stretch}.home-work-grid{gap:30px;grid-template-columns:1fr}.home-work-wide{grid-column:auto}.home-work-wide .work-image{aspect-ratio:1.5}.work-meta{align-items:start;flex-direction:column;gap:5px;padding-top:13px}.work-meta h3{font-size:15px}.work-image{aspect-ratio:1.5}.portfolio-note{line-height:1.9;font-size:10px}.process-grid{grid-template-columns:1fr;gap:27px}.process-grid article{display:grid;grid-template-columns:50px 1fr;column-gap:18px}.step-no{grid-row:1/3;font-size:30px}.process-grid h3{margin:0 0 10px;font-size:19px}.process-grid p{grid-column:2;font-size:12px}.company-layout{grid-template-columns:1fr;gap:30px}.company-table>div{grid-template-columns:80px 1fr;gap:10px;font-size:11px;padding:18px 0}.contact-section{grid-template-columns:1fr;gap:32px;padding-block:60px}.contact-section h2{font-size:28px}.contact-links{max-width:none;justify-self:stretch}.site-footer{align-items:flex-start;padding-block:28px;gap:25px}.footer-links{width:100%;order:3;justify-content:space-between;gap:15px;font-size:10px}.site-footer>small{align-self:center}.page-hero{padding-top:45px;padding-bottom:32px}.page-hero h1{font-size:64px}.page-hero h2{font-size:21px}.page-hero-bottom{display:block}.page-hero-bottom>span{display:block;margin-top:22px}.page-hero p:not(.eyebrow){font-size:12px}.portfolio-controls{flex-direction:column;align-items:stretch;gap:16px;padding-block:19px}.search-field{max-width:none}.filters{gap:6px}.filter-button{font-size:10px;padding:8px 13px}.portfolio-grid{grid-template-columns:1fr;gap:31px}.portfolio-card.is-featured{grid-column:auto}.portfolio-card.is-featured .work-image{aspect-ratio:1.5}.portfolio-card h3{font-size:16px}.portfolio-bottom{padding:40px 0 55px}.archive-list{grid-template-columns:1fr}.dialog-top{padding:10px 15px}.dialog-info{padding:18px}.dialog-info h2{font-size:18px}.dialog-navigation{gap:10px}.dialog-navigation button{padding:8px 12px;font-size:11px}.shisha-hero{grid-template-columns:1fr;gap:35px;padding-block:50px}.shisha-hero h1{font-size:37px}.space-art{height:360px}.desktop-only{display:none}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.site-header{padding-inline:16px}.hero-actions{gap:12px}.hero-actions .button{gap:15px;padding-inline:12px}.hero-actions .text-link{gap:10px}.hero-index{font-size:7px}.system-label{font-size:8px}.system-label small{font-size:6px}.system-number{font-size:8px}.filters{gap:5px}.filter-button{padding-inline:10px}.company-table>div{grid-template-columns:65px 1fr}}
@media(orientation:landscape) and (max-height:550px){.site-header{position:relative}.home-hero{padding-block:32px}.section{padding-block:55px}dialog.work-dialog{max-height:calc(100dvh - 20px)}.dialog-media img{max-height:65dvh}.tech-visual{aspect-ratio:1.15}.nav-toggle{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:700px){.about-layout h2 br:nth-of-type(2){display:initial}}