:root{--ink:#050606;--paper:#edeae2;--white:#f7f7f2;--lime:#bde35e;--muted:#94988e;--line:#ffffff24;--ease:cubic-bezier(.2,.8,.2,1);--tape-h:min(38vh,26vw);--cy:57%}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--white);font-family:'IBM Plex Sans Arabic',sans-serif;font-size:17px;line-height:1.75;overflow-x:clip}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Alexandria,sans-serif;line-height:1.45;font-weight:700;letter-spacing:-.045em}button{border:0}::selection{background:var(--lime);color:var(--ink)}[hidden]{display:none!important}.skip{position:fixed;z-index:500;top:0;right:20px;background:var(--lime);color:var(--ink);padding:10px 18px;transform:translateY(-150%)}.skip:focus{transform:none}.micro{font-size:10px;letter-spacing:.1em;font-family:'IBM Plex Sans Arabic',monospace;line-height:1.6}.eyebrow{font-size:12px;font-weight:600;display:flex;align-items:center;gap:10px;line-height:1.7}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime)}.section-space{padding:125px max(6vw,24px)}
.nav-shell{position:fixed;top:18px;right:3vw;left:3vw;z-index:100;height:70px;display:flex;align-items:center;justify-content:space-between;padding:5px 18px 5px 12px;background:#050606ed;border:1px solid #ffffff26;border-radius:50px;backdrop-filter:blur(18px)}.brand{width:140px;height:54px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand img{width:140px;max-width:none;mix-blend-mode:screen}.nav-shell nav{display:flex;gap:32px;align-items:center}.nav-shell nav a{font-size:12px;color:#e5e7dd;transition:color .2s}.nav-shell nav a:hover{color:var(--lime)}.nav-contact{font-size:12px;font-weight:600;background:var(--lime);color:var(--ink);border-radius:28px;display:flex;align-items:center;gap:25px;padding:9px 12px 9px 18px}.nav-contact span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--lime);font-size:20px}.menu-toggle{display:none;background:none;width:40px;height:40px;align-items:center;justify-content:center;gap:6px;flex-direction:column}.menu-toggle span{height:1px;width:22px;background:var(--white)}.mobile-nav{position:fixed;z-index:99;top:90px;left:16px;right:16px;background:#10130e;border:1px solid #bde35e50;padding:15px 24px;border-radius:18px}.mobile-nav a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-size:17px}.mobile-nav a:last-child{border:0;color:var(--lime)}
.archive-track{height:175svh;position:relative;direction:ltr}.archive-sticky{height:100svh;min-height:720px;position:sticky;top:0;overflow:hidden;background:var(--ink)}.hero-top{position:absolute;left:6vw;right:6vw;top:135px;display:flex;justify-content:space-between;align-items:flex-start;direction:rtl;gap:30px;z-index:15;pointer-events:none}.hero-top a{pointer-events:auto}.hero-top h1{font-size:clamp(45px,5.7vw,94px);line-height:1.35;margin-top:17px;font-weight:800;letter-spacing:-.055em}.hero-top h1 span{display:block}.hero-top h1 span:last-child{color:var(--lime)}.hero-note{max-width:280px;font-size:16px;padding-top:13px;color:#c2c5ba;line-height:1.9}.text-link{display:flex;align-items:center;gap:35px;margin-top:21px;color:var(--white);font-size:13px}.text-link b{font-size:25px;color:var(--lime)}.hero-note>.micro{display:block;font-size:9px;margin-top:22px;color:#737a6c}.archive-ghost{position:absolute;top:48%;font-family:Alexandria,sans-serif;font-weight:800;font-size:clamp(100px,14vw,260px);color:transparent;background:radial-gradient(circle,#8d978650 0 25%,transparent 35%) 0 0/4px 4px;background-clip:text;line-height:1;user-select:none;white-space:nowrap;writing-mode:vertical-rl;z-index:1}.ghost-left{left:2vw}.ghost-right{right:1vw}.shelf-shadow{position:absolute;left:50%;top:calc(var(--cy) + var(--tape-h)*.45);width:min(94vw,1000px);height:calc(var(--tape-h)*.2);background:radial-gradient(ellipse,#bde35e18,transparent 68%);transform:translate(-50%,-20%)}.shelf{position:absolute;inset:calc(var(--cy) - var(--tape-h)/2 - 35px) 0 auto;height:calc(var(--tape-h) + 70px);perspective:1400px;perspective-origin:50% 50%;z-index:10;touch-action:pan-y;user-select:none}.shelf-stage{position:absolute;top:50%;left:50%;width:0;height:0;transform-style:preserve-3d}.tape{position:absolute;width:0;height:0;transform-style:preserve-3d;cursor:pointer}.tape-face{position:absolute;height:var(--tape-h);top:calc(var(--tape-h)/-2);backface-visibility:hidden;border-radius:3px;overflow:hidden}.tape-face:after{content:'';position:absolute;inset:0;background:#000;opacity:var(--shade,0);pointer-events:none}.tape-spine{background:#d3d0bd;color:#111;border:1px solid #252820;padding:12px 4px;display:flex;align-items:center;justify-content:space-between;flex-direction:column;box-shadow:inset 3px 0 6px #0003}.tape-spine .spine-title{writing-mode:vertical-rl;direction:rtl;font-family:Alexandria;font-size:clamp(10px,1vw,15px);font-weight:600;max-height:70%;overflow:hidden}.tape-spine .spine-no{font-size:9px;font-family:monospace;border:1px solid #444;padding:3px;writing-mode:vertical-rl}.tape-spine .spine-mark{font-weight:800;font-size:11px}.tape-cover{background:var(--paper);color:#111;box-shadow:0 30px 65px -20px #000b}.tape-cover img{height:78%;width:100%;object-fit:cover}.tape-cover .cover-label{height:22%;padding:8px 10px;display:flex;flex-direction:column;justify-content:center;gap:2px;direction:rtl;border-top:4px solid var(--tape-color,var(--lime))}.cover-label b{font-size:clamp(10px,1vw,15px);font-family:Alexandria;font-weight:600;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover-label small{font-size:8px;letter-spacing:.04em}.archive-caption{position:absolute;z-index:20;left:50%;top:calc(var(--cy) + var(--tape-h)/2 + 14px);transform:translateX(-50%);display:flex;align-items:center;gap:26px;width:min(85vw,650px);justify-content:space-between;direction:ltr}.caption-lines{text-align:center;direction:rtl;min-width:0;flex:1}.caption-mask{overflow:hidden}.caption-lines h2{color:var(--lime);font-size:clamp(19px,2.4vw,34px);font-weight:600;line-height:1.7;white-space:nowrap}.caption-lines .micro{font-size:10px;color:#bfc3b8;margin-top:5px}.caption-lines>p:last-child{font-size:10px;color:#858d7b;margin-top:5px}.caption-rule{display:block;width:20px;height:1px;background:var(--lime);margin:9px auto}.shelf-arrow{width:40px;height:40px;flex-shrink:0;border:1px solid #bde35e50;border-radius:50%;font:22px system-ui;background:transparent;color:var(--lime);transition:background .25s,color .25s}.shelf-arrow:hover{background:var(--lime);color:var(--ink)}.shelf-hint{position:absolute;z-index:20;inset:auto 6vw 107px;display:flex;justify-content:space-between;color:#8e9586;direction:rtl}.archive-bottom{position:absolute;bottom:25px;right:6vw;left:6vw;color:#bde35e;z-index:25}.project-ruler{height:25px;position:relative;display:flex;align-items:flex-start;justify-content:space-between;border-top:1px solid #bde35e65}.project-ruler button{width:22px;background:none;padding:8px 0 0;font:9px monospace;position:relative;z-index:1;color:#9ba68d}.project-ruler button:before{content:'';height:5px;width:1px;position:absolute;top:0;left:50%;background:#bde35e80}.ruler-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);position:absolute;top:-4px;left:0;transform:translateX(-50%);pointer-events:none}.archive-foot{display:flex;justify-content:space-between;margin-top:11px;font-size:9px;direction:rtl}
.services-section{background:var(--paper);color:var(--ink)}.section-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:18px 8vw;align-items:end}.section-heading .eyebrow{grid-column:1/-1;color:#6c725f}.section-heading h2{font-size:clamp(42px,6.3vw,98px);font-weight:800;line-height:1.45}.section-heading>p:last-child{max-width:470px;font-size:19px;line-height:1.9;color:#4b5044;padding-bottom:8px}.discipline-tabs{display:flex;border-bottom:1px solid #161b1b40;gap:4vw;margin-top:65px}.discipline-tabs button{background:none;color:#73766c;font-family:Alexandria;font-size:clamp(18px,2.2vw,31px);padding:20px 0 24px;position:relative;text-align:right;display:flex;align-items:center;gap:15px;flex:1}.discipline-tabs button[aria-selected=true]{color:#111;font-weight:700}.discipline-tabs button[aria-selected=true]:after{content:'';height:4px;background:#141c0b;position:absolute;bottom:-1px;right:0;left:0}.discipline-tabs sup{font:11px monospace;color:#858b7d}.service-row{display:grid;grid-template-columns:60px 1fr 1.5fr 40px;gap:30px;padding:30px 0;border-bottom:1px solid #161b1b30;align-items:center;position:relative}.service-row .service-icon{font:35px system-ui;color:#67793f}.service-row h3{font-size:20px;line-height:1.65;font-weight:600}.service-row .service-description{color:#565b4e;font-size:15px;line-height:1.8}.service-toggle{border:1px solid #5c675b70;border-radius:50%;height:36px;width:36px;background:none;color:var(--ink);font:23px monospace}.service-row.open{background:#dce0ce55}.service-details{grid-column:2/4;padding-bottom:15px}.service-details ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px 30px;color:#31382c;font-size:14px}.service-details li:before{content:'↖';margin-inline-end:10px;color:#788a4e}.service-note{display:flex;align-items:center;gap:30px;justify-content:space-between;margin-top:50px}.asterisk{font:90px system-ui;color:#566835}.service-note p{font-size:16px;line-height:1.95}.service-note strong{font-weight:500;color:#606854}.round-link{height:70px;width:70px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#111b0c;color:var(--paper);font:35px system-ui}
.cabinet-track{height:175svh;position:relative;background:var(--ink)}.cabinet-stage{height:100svh;min-height:760px;position:sticky;top:0;overflow:hidden;background:var(--ink);isolation:isolate}.cabinet-top{position:absolute;top:115px;left:7%;right:7%;display:flex;justify-content:space-between;color:#a2ac96;z-index:9}.cabinet-word{position:absolute;left:50%;top:32%;transform:translate(-50%,-50%);width:min(47vw,750px);z-index:1;pointer-events:none}.cabinet-word img{width:100%;mix-blend-mode:screen}.cabinet-object{position:absolute;aspect-ratio:1;background-image:url('/assets/brand/cabinet-atlas.png');background-size:300% 200%;background-color:var(--ink);border:0;z-index:3;border-radius:10px;transform-origin:50% 70%}.mug{width:clamp(180px,18vw,300px);left:5%;top:16%;background-position:0 0}.laptop{width:clamp(200px,23vw,370px);right:3%;top:20%;background-position:50% 0}.book{width:clamp(190px,20vw,330px);right:20%;bottom:8%;background-position:100% 0}.tshirt{width:clamp(170px,18vw,280px);left:45%;bottom:-32px;background-position:0 100%;transform-origin:50% 100%}.object-label{font-size:10px;color:#929d85;position:absolute;bottom:4%;left:50%;transform:translateX(-50%);white-space:nowrap;opacity:0;transition:opacity .25s}.cabinet-object:hover .object-label{opacity:1}.studio-player{position:absolute;left:8%;top:48%;width:240px;padding:17px;border:1px solid #ffffff30;background:#ffffff0b;backdrop-filter:blur(12px);border-radius:22px;z-index:4;color:#e5ecdd}.player-heading{display:flex;align-items:center;gap:10px}.player-art{width:35px;height:35px;display:grid;place-items:center;background:var(--lime);color:#111;border-radius:9px;font:25px system-ui}.player-heading b{display:block;font-size:13px;line-height:1.5}.player-heading div>span{font-size:10px;color:#9ca68e;display:block}.player-heart{margin-inline-start:auto;font:24px system-ui}.player-progress{height:3px;background:#ffffff22;margin:14px 0 7px;overflow:hidden}.player-progress i{display:block;width:46%;height:100%;background:#d5e9b4}.studio-player.playing .player-progress i{width:100%;background:linear-gradient(90deg,#ffffff30,var(--lime) 40%,#ffffff30 80%);background-size:200%;animation:radio-progress 2.4s linear infinite}.player-status{display:flex;justify-content:space-between;font-size:8px;color:#8f9a80}.player-controls{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:10px}.player-controls button{background:none;font:25px system-ui;width:30px;height:30px;display:grid;place-items:center}.player-controls #radio-play{background:var(--lime);color:#111;width:36px;height:36px;border-radius:50%;font-size:13px}.cabinet-copy{position:absolute;left:8%;bottom:7%;width:33%;max-width:460px;z-index:4}.cabinet-copy h2{font-size:clamp(35px,4.3vw,70px);font-weight:700;margin:12px 0;line-height:1.5}.cabinet-copy>p:last-child{font-size:14px;color:#939e86;max-width:340px;line-height:1.8}.cabinet-copy .eyebrow{font-size:10px;color:var(--lime)}#web-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none}.cabinet-instructions{position:absolute;bottom:20px;right:6%;color:#728168;font-size:9px;z-index:7}.touch-hint{display:none}.web-clear{background:none;border:1px solid #899e6b70;border-radius:18px;color:#b9ca9f;font-size:10px;padding:5px 13px;position:absolute;left:6%;bottom:20px;z-index:8}
.armor-track{height:250svh;position:relative;background:var(--lime);color:var(--ink)}.armor-sticky{height:100svh;position:sticky;top:0;overflow:hidden}.armor-frame{position:relative;height:100%;margin:0 6vw;border-inline:1px solid #1d301440}.armor-eyebrow{position:absolute;left:4vw;right:4vw;top:120px;display:flex;justify-content:space-between;z-index:8;font-size:10px}.armor-title{position:absolute;top:20%;left:0;right:0;font-size:clamp(75px,12.7vw,200px);text-align:center;line-height:1.25;font-weight:800;letter-spacing:-.08em;z-index:1;color:#0e1e0b}.armor-title span{display:block;white-space:nowrap}.armor-figure{position:absolute;width:min(110vw,127vh);height:min(110vw,127vh);left:50%;bottom:-23vh;transform:translateX(-50%);z-index:4;filter:grayscale(1) contrast(1.05);will-change:transform}.armor-base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.armor-piece{position:absolute;opacity:0;will-change:transform;transform-origin:center}.armor-flaps{left:26.172%;top:37.598%;width:47.412%;height:22.607%}.armor-chest{left:31.299%;top:55.713%;width:37.549%;height:44.287%}.armor-mask{left:38.672%;top:37.598%;width:22.803%;height:21.924%}.armor-helmet{left:27.734%;top:4.932%;width:44.531%;height:32.666%}.armor-horns{left:29.834%;top:5.127%;width:40.332%;height:26.172%}.armor-side{position:absolute;right:-4vw;top:47%;writing-mode:vertical-rl;font-size:10px;color:#334529}.armor-bottom{position:absolute;bottom:25px;left:4vw;right:4vw;z-index:7;display:flex;justify-content:space-between;color:#30431d}#petals-canvas{position:absolute;inset:0;height:100%;width:100%;z-index:6;pointer-events:none}.brand-build{background:var(--paper);color:var(--ink);border-bottom:1px solid #1112}.brand-build-heading{display:flex;gap:60px;align-items:center}.brand-build-heading img{filter:grayscale(1);width:120px;height:120px;object-fit:contain}.brand-build-heading h2{font-size:clamp(32px,5vw,78px);line-height:1.5;margin-top:15px}.build-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 45px;margin:65px 0}.build-grid>div{border-top:1px solid #16261545;padding-top:20px;display:grid;gap:10px}.build-grid span{font-size:11px;color:#687459}.build-grid b{font-family:Alexandria;font-size:21px;font-weight:600}.build-statement{font-size:clamp(18px,2.4vw,34px);font-family:Alexandria;line-height:1.9;border:1px solid #1c2d1a70;padding:45px 6vw;position:relative}.build-statement:before,.build-statement:after{content:'✦';position:absolute;background:var(--paper);color:#36482b;font:25px system-ui;padding:0 10px;top:-13px}.build-statement:before{right:25px}.build-statement:after{left:25px;top:auto;bottom:-13px}
.work-grid-section{background:#10130e}.work-grid-heading{display:flex;gap:50px;justify-content:space-between;align-items:flex-end;margin-bottom:45px}.work-grid-heading h2{font-size:clamp(39px,5vw,78px);font-weight:700;line-height:1.5;margin-top:20px}.work-grid-heading em{font-style:normal;color:var(--lime)}.work-grid-heading>p{font-size:16px;max-width:340px;color:#9ca58f;line-height:2}.work-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:38px}.work-filters button{background:none;border:1px solid #ffffff30;border-radius:25px;padding:9px 18px;color:#bfc8b3;font-size:12px}.work-filters button[aria-pressed=true]{background:var(--lime);color:var(--ink);border-color:var(--lime)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 32px}.work-card{min-width:0;position:relative}.work-image{aspect-ratio:1.3;overflow:hidden;border-radius:3px;background:#1e2419;position:relative}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease),filter .9s}.work-card:nth-child(3n) .work-image{aspect-ratio:1.5}.work-card button{width:100%;text-align:right;background:none;padding:0}.work-image:after{content:'افتح المشروع ↖';position:absolute;bottom:18px;left:18px;padding:9px 15px;border-radius:25px;background:var(--lime);color:#111;font-size:11px;transform:translateY(80px);transition:transform .5s var(--ease)}.work-card button:hover .work-image img{transform:scale(1.045);filter:saturate(1.08)}.work-card button:hover .work-image:after{transform:translateY(0)}.work-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-top:18px}.work-meta h3{font-size:20px;line-height:1.6;font-weight:600}.work-meta p{font-size:12px;color:#9ba58e;margin-top:4px}.work-meta>span{font:20px system-ui;color:var(--lime);padding-top:6px}.more-work{width:100%;border:1px solid #ffffff35;padding:18px 24px;background:none;color:#d9e0d0;margin-top:55px;display:flex;justify-content:space-between;font-size:14px;transition:background .3s,color .3s}.more-work:hover{background:var(--lime);color:#111}.more-work span{font:25px system-ui}
.film-track{position:relative;height:540svh;background:#151815;color:#fff}.film-scene{position:sticky;top:0;height:100svh;overflow:hidden}.film-scene video{width:100%;height:100%;object-fit:cover}.film-vignette{position:absolute;inset:0;background:linear-gradient(#0002,#0000 30%,#0002);pointer-events:none}.film-content{position:absolute;inset:0;pointer-events:none}.film-intro{position:absolute;top:117svh;left:15%;right:15%;text-align:center;text-shadow:0 10px 30px #0008}.film-intro .eyebrow{justify-content:center;font-size:11px;letter-spacing:.03em}.film-intro h2{font-size:clamp(58px,7vw,120px);font-weight:800;line-height:1.3;margin:20px 0;letter-spacing:-.04em}.film-intro h2 span{color:var(--lime)}.film-intro>p:last-child{font-size:16px}.film-features article{position:absolute;top:190svh;width:300px;text-align:right;text-shadow:0 8px 28px #000b}.film-features article:nth-child(1){right:calc(50% + 70px)}.film-features article:nth-child(2){left:calc(50% + 70px);text-align:left}.film-features article:nth-child(3){top:260svh;right:calc(50% + 80px)}.film-features article:nth-child(4){top:260svh;left:calc(50% + 80px);text-align:left}.film-features article:nth-child(5){top:335svh;left:50%;transform:translateX(-50%);text-align:center;width:340px}.film-features article>span{display:block;font:44px system-ui;color:var(--lime);margin-bottom:25px}.film-features h3{font-size:25px;line-height:1.7;letter-spacing:-.025em;margin-bottom:15px}.film-features p{font-size:15px;line-height:1.85;color:#fffef5}
.contact-section{background:#e2dedd;color:#111;position:relative;margin-top:-20px;padding-top:120px}.contact-section:before{content:'';position:absolute;top:-25svh;height:25svh;right:0;left:0;background:linear-gradient(transparent,#e2dedd);pointer-events:none}.contact-kicker{display:flex;align-items:center;justify-content:space-between}.contact-star{font:80px system-ui;color:#38432c}.contact-section h2{font-size:clamp(47px,8.5vw,135px);font-weight:800;line-height:1.5;letter-spacing:-.06em;max-width:1000px;margin:25px 0 55px}.contact-bottom{display:grid;grid-template-columns:1fr 1.1fr;gap:10vw;align-items:start}.contact-bottom>p{font-size:20px;line-height:2;max-width:400px;color:#4c5146}.contact-bottom form{display:grid;gap:20px}.contact-bottom label{display:grid;font-size:12px;gap:8px;color:#666b5b}.contact-bottom select,.contact-bottom textarea{width:100%;background:none;border:0;border-bottom:1px solid #5559;border-radius:0;padding:10px 0;min-height:48px;color:#111;resize:vertical}.contact-submit{display:flex;align-items:center;justify-content:space-between;background:#11190d;color:#e8eddf;padding:19px 24px;font-size:16px;border-radius:3px}.contact-submit span{font:28px system-ui;color:var(--lime)}.contact-bottom small{font-size:11px;color:#75776d}footer{padding:65px 6vw 35px;background:var(--ink);display:grid;grid-template-columns:1.1fr 1.1fr 1fr 1fr;gap:35px;align-items:start}.footer-logo{max-width:210px;mix-blend-mode:screen}footer p{font-family:Alexandria;font-size:19px;font-weight:600;line-height:1.8}footer div>span{font-size:11px;color:#858e79;display:block;margin-top:18px}footer nav{display:grid;gap:12px;font-size:12px;color:#a9b19d}.footer-copy.micro{font-size:9px;color:#7e8873;font-family:monospace;font-weight:400;line-height:2.2;text-align:left;direction:ltr}.chapter-nav{position:fixed;left:18px;top:48%;display:grid;gap:13px;z-index:40;mix-blend-mode:difference}.chapter-nav a{height:5px;width:5px;border-radius:50%;background:#d6e2c2;outline:5px solid transparent}.chapter-nav a.active{background:var(--lime);box-shadow:0 0 0 3px #bde35e40}.project-detail{position:fixed;inset:0;border:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;background:var(--paper);color:var(--ink);z-index:200;overflow:auto}.project-detail::backdrop{background:#050606}.detail-close{position:fixed;top:25px;left:30px;border:1px solid #2a3d2470;border-radius:25px;background:#edeae2e8;backdrop-filter:blur(10px);font-size:13px;padding:9px 18px;display:flex;align-items:center;gap:25px;color:#111;z-index:3}.detail-close span{font:23px system-ui}.detail-layout{padding:100px 6vw 70px;display:grid;grid-template-columns:1fr 1.2fr;gap:6vw;align-items:start}.detail-copy{position:sticky;top:110px}.detail-copy h2{font-size:clamp(35px,4.7vw,74px);margin:20px 0;line-height:1.55}.detail-copy>p{line-height:1.9;color:#5d6552;font-size:17px;margin:20px 0}.detail-kind{font-size:11px;padding:6px 12px;border:1px solid #4c614a70;border-radius:20px;display:inline-block}.detail-copy ul{padding-right:20px;color:#37482e;font-size:15px;line-height:2.5}.detail-inquiry{display:inline-block;margin:25px 0;border-bottom:1px solid #37482e;padding-bottom:8px;font-size:14px}.detail-images{display:grid;gap:20px}.detail-images img{width:100%;height:auto;border-radius:2px}.detail-images video{width:100%;max-height:70vh}.cursor{position:fixed;left:-100px;top:-100px;width:50px;height:50px;border-radius:50%;border:1px solid #bde35e8a;pointer-events:none;z-index:300;display:none;align-items:center;justify-content:center;color:#111;background:#bde35e00;transition:width .3s,height .3s,background .3s;transform:translate(-50%,-50%)}.cursor span{display:none;font-size:10px}.cursor.open{width:76px;height:76px;background:var(--lime)}.cursor.open span{display:block}@media(pointer:fine){.cursor{display:flex}.shelf{cursor:none}.shelf .tape{cursor:none}}
@keyframes radio-progress{to{background-position:-200% 0}}@media(min-width:1700px){.hero-top{top:150px}.archive-caption{top:calc(var(--cy) + var(--tape-h)/2 + 28px)}}
@media(max-width:1000px){.nav-shell nav{gap:20px}.hero-note{max-width:230px;font-size:14px}.hero-top h1{font-size:6.4vw}.hero-top{top:125px}.service-row{gap:20px;grid-template-columns:40px 1fr 1.4fr 36px}.service-row h3{font-size:17px}.cabinet-copy{bottom:10%;left:6%;width:36%}.studio-player{left:6%;top:42%;width:220px}.film-features article{width:260px}.film-features article:nth-child(1),.film-features article:nth-child(3){right:calc(50% + 45px)}.film-features article:nth-child(2),.film-features article:nth-child(4){left:calc(50% + 45px)}}
@media(max-width:767px){:root{--tape-h:min(59vw,32svh);--cy:56%}body{font-size:16px}.section-space{padding:80px 23px}.nav-shell{right:12px;left:12px;top:12px;height:60px;padding:3px 12px 3px 8px}.brand{width:112px;height:48px}.brand img{width:124px}.nav-shell nav{display:none}.nav-contact{padding:6px 9px;font-size:10px;gap:10px;margin-inline-start:auto;margin-inline-end:10px}.nav-contact span{width:27px;height:27px;font-size:18px}.menu-toggle{display:flex}.archive-track{height:145svh}.archive-sticky{min-height:720px}.hero-top{top:110px;left:23px;right:23px;display:block}.hero-top h1{font-size:clamp(38px,10.5vw,62px);line-height:1.4;margin-top:16px}.hero-top .eyebrow{font-size:10px}.hero-note{padding:0;margin-top:16px;max-width:100%;font-size:13px;display:flex;align-items:center;gap:20px;justify-content:space-between}.hero-note>p{max-width:210px}.hero-note>.micro{display:none}.hero-note .text-link{margin:0;font-size:10px;gap:12px;white-space:nowrap}.hero-note .text-link b{font-size:20px}.archive-ghost{font-size:24vw;top:51%;opacity:.6}.ghost-left{left:-2vw}.ghost-right{right:-4vw}.archive-caption{top:calc(var(--cy) + var(--tape-h)/2 + 20px);width:calc(100% - 36px);gap:8px}.caption-lines h2{font-size:22px}.caption-lines .micro{font-size:9px}.shelf-arrow{height:35px;width:35px;font-size:18px}.shelf-hint{inset:auto 24px 95px;font-size:8px}.archive-bottom{bottom:24px;left:24px;right:24px}.project-ruler button{font-size:8px;width:17px}.archive-foot{font-size:8px}.tape-spine .spine-title{font-size:10px}.tape-cover .cover-label{padding:4px 6px;border-top-width:3px}.cover-label b{font-size:9px}.cover-label small{font-size:6px}.section-heading{display:block}.section-heading h2{font-size:42px;margin:20px 0 25px}.section-heading>p:last-child{font-size:16px;line-height:1.9}.discipline-tabs{margin-top:30px;gap:20px}.discipline-tabs button{font-size:17px;line-height:1.7;gap:8px;padding-bottom:15px}.discipline-tabs sup{font-size:9px}.service-row{grid-template-columns:30px 1fr 32px;gap:15px;padding:25px 0}.service-row .service-icon{font-size:27px;grid-column:1;grid-row:1}.service-row h3{grid-column:2;font-size:17px}.service-description{grid-row:2;grid-column:2/4;font-size:14px!important}.service-toggle{grid-column:3;grid-row:1;width:30px;height:30px}.service-details{grid-column:2/4;grid-row:3}.service-details ul{display:grid;gap:5px;font-size:13px}.service-note{gap:15px;flex-wrap:wrap;margin-top:35px}.asterisk{font-size:60px}.service-note p{font-size:14px;flex:1;min-width:240px}.round-link{width:48px;height:48px;font-size:25px;margin-right:auto}.cabinet-track{height:170svh;min-height:1400px}.cabinet-stage{min-height:800px}.cabinet-top{top:100px;left:6%;right:6%;font-size:8px}.cabinet-word{width:85%;top:31%;}.mug{width:150px;left:-8px;top:13%}.laptop{width:170px;right:0;top:14%}.book{width:160px;right:2%;bottom:15%}.tshirt{width:170px;left:calc(50% - 85px);bottom:-10px}.cabinet-copy{top:42%;bottom:auto;width:88%;left:6%;max-width:none}.cabinet-copy h2{font-size:41px;line-height:1.4;margin:10px 0}.cabinet-copy .eyebrow{font-size:9px}.cabinet-copy>p:last-child{font-size:12px;line-height:1.7;max-width:330px}.studio-player{top:auto;bottom:17%;left:6%;width:180px;padding:12px;max-width:47%;border-radius:17px}.player-heading{gap:7px}.player-art{width:28px;height:28px;font-size:21px;flex-shrink:0}.player-heading b{font-size:10px}.player-heading div>span{font-size:8px}.player-heart{display:none}.player-controls{gap:18px;margin-top:8px}.player-status{font-size:7px}.player-controls #radio-play{width:32px;height:32px}.cabinet-instructions{font-size:8px;right:6%;bottom:11px;max-width:58%}.desktop-hint{display:none}.touch-hint{display:inline}.web-clear{bottom:14px;font-size:8px;left:6%;padding:4px 9px}.armor-track{height:220svh}.armor-frame{margin:0 22px}.armor-eyebrow{top:100px;left:15px;right:15px;font-size:8px;gap:15px}.armor-eyebrow>span:first-child{max-width:130px}.armor-title{top:25%;font-size:17vw;line-height:1.55}.armor-figure{width:160vw;height:160vw;bottom:auto;top:10svh}.armor-side{right:-15px;font-size:8px}.armor-bottom{font-size:8px;left:10px;right:10px}.brand-build-heading{gap:25px;align-items:center}.brand-build-heading img{width:70px;height:70px}.brand-build-heading .eyebrow{font-size:9px}.brand-build-heading h2{font-size:29px}.build-grid{grid-template-columns:1fr 1fr;margin:35px 0;gap:25px 18px}.build-grid b{font-size:17px}.build-grid span{font-size:10px}.build-statement{padding:28px 20px;font-size:18px;line-height:2}.work-grid-heading{display:block;margin-bottom:30px}.work-grid-heading h2{font-size:39px;margin:15px 0 20px}.work-grid-heading>p{font-size:14px}.work-filters{gap:7px;margin-bottom:25px}.work-filters button{font-size:10px;padding:7px 12px}.work-grid{grid-template-columns:1fr;gap:35px}.work-card .work-image,.work-card:nth-child(3n) .work-image{aspect-ratio:1.25}.work-meta{padding-top:12px}.work-meta h3{font-size:18px}.work-meta p{font-size:11px}.more-work{margin-top:30px}.film-intro{top:112svh;left:7%;right:7%}.film-intro h2{font-size:17vw}.film-intro .eyebrow{font-size:9px}.film-intro>p:last-child{font-size:13px}.film-features article:nth-child(n){top:190svh;left:12%;right:12%;width:auto;text-align:center;transform:none}.film-features article:nth-child(2){top:240svh}.film-features article:nth-child(3){top:290svh}.film-features article:nth-child(4){top:340svh}.film-features article:nth-child(5){top:390svh}.film-features h3{font-size:23px}.film-features p{font-size:14px}.film-features article>span{font-size:35px;margin-bottom:16px}.contact-section{padding-top:75px}.contact-star{font-size:60px}.contact-section .eyebrow{font-size:10px}.contact-section h2{font-size:50px;margin:20px 0 30px}.contact-bottom{grid-template-columns:1fr;gap:35px}.contact-bottom>p{font-size:17px}.contact-submit{font-size:15px}footer{padding:45px 23px 30px;grid-template-columns:1fr 1fr;gap:35px 20px}.footer-logo{max-width:150px}footer p{font-size:15px}footer div>span{font-size:10px}footer nav{font-size:11px}.footer-copy.micro{font-size:8px}.chapter-nav{left:7px;gap:11px}.chapter-nav a{width:3px;height:3px}.detail-close{left:20px;top:18px;font-size:12px}.detail-layout{display:flex;flex-direction:column-reverse;gap:30px;padding:85px 23px 40px}.detail-copy{position:static}.detail-copy h2{font-size:35px}.detail-copy>p{font-size:15px}.detail-images{width:100%}.detail-images img{max-height:50svh;object-fit:contain}.detail-images img:not(:first-child){display:none}.cursor{display:none}}
@media(max-height:760px) and (min-width:768px){:root{--tape-h:min(32vh,22vw);--cy:58%}.archive-sticky{min-height:650px}.hero-top{top:110px}.hero-top h1{font-size:54px}.hero-note{font-size:13px}.archive-caption h2{font-size:24px}.shelf-hint{bottom:85px}.archive-bottom{bottom:15px}.cabinet-stage{min-height:650px}.cabinet-top{top:100px}.cabinet-copy h2{font-size:36px}.cabinet-copy>p:last-child{font-size:12px}.studio-player{top:39%;width:200px}.cabinet-copy{bottom:10%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.archive-track,.cabinet-track,.armor-track{height:auto;min-height:0}.archive-sticky,.cabinet-stage{position:relative;height:100svh}.armor-sticky{position:relative}.film-track{height:auto!important}.film-scene{position:absolute;inset:0;opacity:.25;height:100%}.film-content{position:relative;padding:80px 24px}.film-intro{position:static;text-align:center}.film-intro h2{font-size:60px}.film-features{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:60px auto 0;max-width:1000px}.film-features article:nth-child(n){position:static;width:auto;transform:none;text-align:right}.film-features article:last-child{grid-column:1/-1;text-align:center}.cursor{display:none}#web-canvas{opacity:.5}.armor-piece{opacity:1!important;transform:none!important}.contact-section:before{display:none}}
@media(prefers-reduced-motion:reduce) and (max-width:767px){.film-features{grid-template-columns:1fr}.film-features article:last-child{grid-column:auto}}
/* Preserve intrinsic logo proportions and keep the mobile title clear of the shelf. */
.brand img,.cabinet-word img,.footer-logo img{height:auto}
@media(max-width:767px){:root{--cy:57%}.archive-sticky{min-height:780px}.hero-top h1{font-size:clamp(36px,9.8vw,54px)}.hero-note{font-size:12px}.hero-note>p{max-width:205px}.hero-note .text-link{font-size:9px;gap:9px}}