:root{font-family:DM Sans,sans-serif;color:#111;background:#f4f0e8;font-synthesis:none;text-rendering:optimizeLegibility;--site-paper-light: #f4f0e8;--site-ink-light: #111;--site-paper-dark: #171715;--site-ink-dark: #f4f0e8;--paper: var(--site-paper-light);--ink: var(--site-ink-light);--yellow: #ffe600;--red: #e63946;--archive-blue: #829aaa;--line: rgba(17, 17, 17, .24);--header-bg: rgba(244,240,232,.94);--surface: #e8e3d9;--hero-wash: rgba(244, 240, 232, .62);--display: "Space Grotesk", sans-serif;--mono: "DM Mono", monospace;--script: "Caveat", cursive;--page-gutter: 50px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;min-width:320px;background:var(--paper)}body.modal-open{overflow:hidden}button,a{color:inherit;font:inherit}a{text-decoration:none}button{cursor:pointer}::selection{background:var(--yellow);color:var(--ink)}.section-wrap{width:min(1240px,calc(100% - 100px));margin-inline:auto}.section-pad{padding-block:116px}.paper-texture{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");mix-blend-mode:multiply}.custom-cursor{position:fixed;left:0;top:0;z-index:50;width:64px;height:64px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:50%;background:var(--yellow);font:600 9px var(--mono);opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.6);transition:opacity .16s,transform .16s}.custom-cursor.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.site-header{height:82px;padding:0 max(50px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:var(--header-bg);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-tools{display:flex;align-items:center;gap:10px}.preference-capsule{display:flex;align-items:center;gap:5px;padding:4px 5px;border:1px solid #4b4439;border-radius:2px;background:#f4f0e8;box-shadow:3px 4px #1112,inset 0 1px #fff;color:#211f1b;transform:rotate(-1deg)}.preference-toggle{min-width:36px;height:31px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 8px;border:1px solid transparent;color:#39342d;background:transparent;font:600 9px var(--mono);transition:color .18s,background .18s,border-color .18s,transform .18s}.preference-toggle:hover{border-color:#b6a98f;background:#fff9ed;transform:translateY(-1px)}.theme-toggle{min-width:34px}.language-toggle{min-width:42px}.language-toggle[lang=ar]{font-family:Alexandria,sans-serif;font-size:9px}.capsule-divider{width:1px;height:23px;background:#8e8371}.brand,.footer-brand{display:flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;border:1.5px solid var(--ink);display:grid;place-items:center;position:relative;font:700 17px var(--display);letter-spacing:-2px}.brand-mark>span{font:8px var(--mono);position:absolute;top:2px;right:3px;letter-spacing:0}.brand-name,.footer-brand>span:last-child{font:700 10px/1.05 var(--display);letter-spacing:.06em}.nav-links{display:flex;align-items:center;gap:37px;height:100%}.nav-links>a{font:600 10px var(--mono);letter-spacing:.07em;text-transform:uppercase;position:relative}.nav-index{display:none}.nav-links>a:not(.nav-availability):after{content:"";position:absolute;height:2px;bottom:-8px;left:0;width:0;background:var(--red);transition:width .2s}.nav-links>a:hover:after,.nav-links>.nav-active:after{width:100%}.nav-links .nav-availability{display:flex;align-items:center;gap:7px;border:1px solid var(--ink);padding:11px 13px;font-size:9px}.menu-toggle{display:none;background:none;border:0}.hero{position:relative;isolation:isolate;min-height:706px;padding-top:24px;padding-bottom:22px;display:flex;flex-direction:column}.hero-background-video{position:absolute;z-index:-2;inset:0 auto 0 50%;width:calc(100% + 2 * var(--page-gutter));height:100%;max-width:none;transform:translate(-50%);object-fit:cover;opacity:.48;filter:saturate(.72);pointer-events:none}.hero:before{content:"";position:absolute;z-index:-1;inset:0 auto 0 50%;width:calc(100% + 2 * var(--page-gutter));transform:translate(-50%);background:var(--hero-wash);pointer-events:none}.hero-meta,.hero-bottom,.section-kicker{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.06em}.hero-meta{position:relative;z-index:1;color:#555}.hero-layout{position:relative;z-index:1;flex:1;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:25px 0 30px}.hero-copy{z-index:2;padding-bottom:17px}.eyebrow,.about-overline{font:10px var(--mono);letter-spacing:.08em}.hero h1{font:700 clamp(62px,7.7vw,105px)/.85 var(--display);letter-spacing:-.09em;margin:27px 0 24px}.headline-last{white-space:nowrap}.hero h1 i,.about h2 i,.process-title h2 i,.cta h2 i{font-family:Georgia,serif;font-weight:400;letter-spacing:-.11em}.hero h1 i{font-size:.79em}.hero-intro{font-size:14px;line-height:1.65;max-width:345px;color:#444;margin:0}.hero-intro em{font-family:Georgia,serif;font-size:17px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:29px}.button{min-height:47px;display:inline-flex;align-items:center;gap:24px;padding:0 18px;font:600 10px var(--mono);letter-spacing:.04em;transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(-3px,-3px);box-shadow:4px 4px var(--ink)}.button-yellow{background:var(--yellow)}.button-paper{border:1px solid var(--ink);background:var(--paper)}.text-link{display:inline-flex;align-items:center;gap:7px;font:600 9px var(--mono);border-bottom:1px solid var(--ink);padding-bottom:5px}.hero-art{position:relative;height:470px;width:min(100%,490px);justify-self:end;isolation:isolate}.hero-art:before{content:"";position:absolute;z-index:-1;top:25px;right:1px;bottom:20px;left:22px;background:#e5ded1;transform:rotate(2.2deg);clip-path:polygon(2% 0,98% 2%,100% 97%,5% 100%,0 35%);box-shadow:7px 8px #25221c22}.hero-paper-shadow{position:absolute;z-index:-1;top:15px;right:26px;bottom:17px;left:25px;background:#ded9d0;transform:rotate(4deg);clip-path:polygon(2% 0,98% 2%,100% 97%,5% 100%,0 35%)}.hero-photo{position:absolute;z-index:0;top:0;right:15%;bottom:12px;left:15%;padding:7px;background:#f4f0e8;transform:rotate(-2.5deg);overflow:hidden;clip-path:polygon(0 0,100% 2%,98% 100%,3% 98%,1% 62%);box-shadow:7px 8px #17161233}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9) contrast(1.04)}.hero-portrait{position:absolute;z-index:2;bottom:-20px;left:50%;width:min(92%,410px);height:112%;object-fit:contain;object-position:center bottom;transform:translate(-50%);filter:drop-shadow(0 8px 10px #1113) drop-shadow(3px 2px 0 #e6394680);pointer-events:none}.photo-caption{position:absolute;bottom:23px;left:22px;padding:8px 10px;background:var(--paper);font:9px/1.4 var(--mono);letter-spacing:.05em;transform:rotate(-2deg)}.hero-yellow-shape{position:absolute;width:132px;height:116px;right:-4px;top:46px;background:var(--yellow);clip-path:polygon(6% 0,100% 5%,90% 100%,0 87%);transform:rotate(8deg);z-index:-1}.hero-red-shape{position:absolute;width:102px;height:90px;left:-31px;bottom:41px;background:var(--red);clip-path:polygon(8% 3%,100% 0,91% 90%,0 100%);transform:rotate(-11deg)}.project-card:nth-child(3n+2) .case-file-tab{background:#a5b8c0;border-color:#697e87}.project-card:nth-child(3n) .case-file-tab{background:#e8d960;border-color:#a89c42}.project-card:nth-child(3n+2) .project-image{border-color:#829aaa;box-shadow:3px 3px #829aaa}.hero-note{position:absolute;right:-25px;bottom:82px;background:var(--yellow);width:139px;height:113px;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(5deg);box-shadow:2px 5px 9px #1112;z-index:1;clip-path:polygon(1% 0,100% 4%,97% 100%,0 96%)}.hero-note span{font:700 19px/1.03 var(--display);letter-spacing:-.06em;text-align:center}.hero-note small{font:7px var(--mono);margin-top:8px}.tape{height:24px;width:90px;opacity:.72;background:repeating-linear-gradient(135deg,#ded0a1 0,#ded0a1 6px,#e9debb 6px,#e9debb 12px);clip-path:polygon(3% 2%,100% 0,96% 100%,0 96%)}.tape-hero{position:absolute;top:-1px;left:43%;transform:rotate(-6deg)}.scribble{font:600 25px var(--script)}.hero-scribble{position:absolute;right:11px;top:33px;transform:rotate(8deg);z-index:2}.hero-stamp{position:absolute;right:43px;top:73px;transform:rotate(12deg);color:var(--red);border:1px solid var(--red);border-radius:50%;width:56px;height:56px;display:grid;place-content:center;text-align:center;font:7px/1.1 var(--mono);z-index:2}.hero-bottom{position:relative;z-index:1;border-top:1px solid var(--line);padding-top:13px;align-items:center;font-size:8px}.hero-bottom-line{height:1px;flex:1;margin:0 18px;background:var(--line)}.portfolio{padding-top:94px}.section-kicker{border-top:1px solid var(--ink);padding-top:13px;font-size:9px}.section-heading-row{display:flex;justify-content:space-between;align-items:end;margin:46px 0 29px}.section-heading-row h2{font:700 clamp(56px,8vw,96px)/.78 var(--display);letter-spacing:-.09em;margin:0}.section-heading-row h2>span{display:flex;align-items:baseline}.period{color:var(--red)}.work-scribble{display:block;margin:-1px 0 0 202px;transform:rotate(-5deg)}.section-intro{max-width:248px;font:13px/1.65 Georgia,serif;margin:0 2% 7px 20px}.filter-row{display:flex;gap:7px;flex-wrap:wrap;margin:30px 0 32px}.filter-row button{border:1px solid var(--line);background:transparent;padding:8px 12px;font:9px var(--mono);transition:background .2s}.filter-row button:hover,.filter-row .filter-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.project-scroll-stage{position:relative;margin:35px -4px 0}.project-scroll-pin{position:relative;top:auto;width:100%;height:auto;display:block;padding:0;overflow:visible}.project-scroll-viewport{width:100%;overflow-x:auto;overflow-y:hidden;direction:ltr;overscroll-behavior-inline:contain;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:x mandatory}.project-scroll-viewport::-webkit-scrollbar{display:none}.project-scroll-viewport:focus-visible{outline:2px solid var(--red);outline-offset:4px}.project-scroll-track{position:relative;display:flex;align-items:stretch;width:max-content;padding:35px var(--project-side-padding, 0px) 42px;direction:ltr}.project-grid{position:relative;display:flex;align-items:stretch;gap:0;width:max-content;direction:ltr}.project-card{scroll-snap-align:center;scroll-snap-stop:always}.portfolio-gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 14px}.portfolio-gallery-arrow{width:37px;height:37px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line);color:var(--ink);background:var(--paper);transition:color .2s,background .2s,border-color .2s,opacity .2s}.portfolio-gallery-arrow:hover:not(:disabled){border-color:var(--ink);color:var(--paper);background:var(--ink)}.portfolio-gallery-arrow:disabled{opacity:.35;cursor:default}.portfolio-scroll-hint{flex:1;color:var(--ink);text-align:center;font:8px var(--mono);letter-spacing:.07em;text-transform:uppercase}.portfolio-scroll-progress{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;align-items:center;margin:10px 14px 0;color:var(--ink);font:8px var(--mono);letter-spacing:.07em;text-transform:uppercase}.portfolio-scroll-count{color:var(--red);white-space:nowrap}.portfolio-progress-track{height:2px;overflow:hidden;background:var(--line)}.portfolio-progress-track>span{display:block;width:100%;height:100%;background:var(--red);transform:scaleX(0);transform-origin:left center}html[dir=rtl] .portfolio-progress-track>span{transform-origin:right center}.project-card{display:block;flex:0 0 clamp(252px,23vw,310px);width:clamp(252px,23vw,310px);text-align:start;border:0;background:none;padding:0;position:relative;min-width:0;isolation:isolate;z-index:1;opacity:.76;transform:translateY(18px) scale(.78);transition:transform .45s cubic-bezier(.2,.75,.25,1),opacity .35s,filter .35s;filter:saturate(.76)}.project-card.is-previous,.project-card.is-next{z-index:2;opacity:.9;transform:translateY(24px) scale(.84) rotate(5deg) rotateY(12deg);filter:saturate(.9)}.project-card.is-previous{transform:translateY(24px) scale(.84) rotate(-5deg) rotateY(-12deg)}.project-card.is-active{z-index:3;opacity:1;transform:translateY(0) scale(1);filter:saturate(1)}.case-file-tab{position:absolute;z-index:3;top:-13px;left:16px;min-width:118px;padding:7px 12px 9px;color:#33291e;background:#d7c5a6;border:1px solid #ae9875;border-bottom:0;clip-path:polygon(0 0,100% 0,96% 100%,5% 93%);display:flex;justify-content:space-between;gap:12px;font:8px var(--mono);letter-spacing:.04em;text-transform:uppercase}.case-file-tab span{opacity:.7}.case-paperclip{position:absolute;z-index:4;top:7px;right:15px;width:14px;height:27px;border:2px solid #9e9990;border-bottom-color:transparent;border-radius:9px 9px 0 0;transform:rotate(7deg);opacity:.86}.case-file-paper{min-height:100%;padding:17px 12px 10px;position:relative;background-color:#e9dfcc;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");color:#27231e;border:1px solid #bba98a;box-shadow:2px 6px 11px #16100a21;clip-path:polygon(0 1%,2% 0,98% 1%,100% 3%,99% 99%,97% 100%,2% 99%,0 97%);transform:rotate(var(--case-tilt, 0deg));transition:transform .25s,box-shadow .25s}.project-card:nth-child(4n+1){--case-tilt: -.8deg}.project-card:nth-child(4n+2){--case-tilt: .65deg}.project-card:nth-child(4n+3){--case-tilt: .25deg}.project-card:nth-child(4n){--case-tilt: -.45deg}.project-card:hover .case-file-paper{transform:translateY(-4px) rotate(0);box-shadow:4px 11px 18px #16100a33}.case-file-heading{display:flex;justify-content:space-between;align-items:center;padding:0 2px 7px;margin-bottom:9px;border-bottom:1px solid #4b403266;color:#514639;font:7px var(--mono);letter-spacing:.07em}.project-image{position:relative;aspect-ratio:1.62;overflow:hidden;background:#312e28;border:1px solid #746850;transition:transform .3s}.project-image>img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.project-hover-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;border:0;object-fit:cover;background:#171715;pointer-events:none;animation:preview-arrive .35s ease-out both}.project-hover-video+.project-number{z-index:3}.project-card:focus-visible{outline:2px solid var(--red);outline-offset:5px}.project-art{position:absolute;top:0;right:0;bottom:0;left:0;padding:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;background:#252521;color:#f4f0e8}.project-art:before,.project-art:after{content:"";position:absolute;width:58%;aspect-ratio:1;border:1px solid #f4f0e855;border-radius:50%;transform:rotate(-21deg) scaleY(.35)}.project-art:after{width:43%;transform:rotate(25deg) scaleY(.35)}.project-art-index{position:absolute;top:14px;left:15px;z-index:1;color:var(--yellow);font:10px var(--mono)}.project-art-title{z-index:1;max-width:90%;font:700 clamp(23px,4vw,48px)/1.1 var(--display);text-align:center}.project-art-category{z-index:1;margin-top:12px;color:#d0c9bb;font:8px var(--mono);text-transform:uppercase;letter-spacing:.08em}.project-art-1{background:#8f2c30}.project-art-2{background:#e6dc23;color:var(--ink)}.project-art-2 .project-art-index,.project-art-2 .project-art-category{color:var(--ink)}.project-art-2:before,.project-art-2:after{border-color:#1115}.project-art-3{background:#727a67}.project-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#1117,transparent 36%);opacity:.5;transition:opacity .25s}.project-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.72);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .3s}.project-card:hover .project-image{transform:rotate(-.6deg) scale(1.01)}.project-card:hover .project-image img{transform:scale(1.04);filter:saturate(1)}.project-card:hover .project-image:after{opacity:.18}.project-card:hover .project-hover-video{filter:saturate(1.08) contrast(1.04)}.project-number{position:absolute;top:13px;left:14px;z-index:1;color:#fff;font:11px var(--mono)}.project-play{position:absolute;top:50%;left:50%;z-index:2;width:49px;height:49px;transform:translate(-50%,-50%) scale(.86);display:grid;place-items:center;border:1px solid #fff9;color:#fff;border-radius:50%;opacity:.8;transition:.2s}.project-card:hover .project-play{transform:translate(-50%,-50%) scale(1);background:var(--yellow);color:#111;border-color:var(--yellow)}.project-number{position:absolute;top:8px;left:9px;z-index:2;color:#fff;font:9px var(--mono)}.confidential-stamp{position:absolute;z-index:3;right:9px;bottom:11px;padding:5px 8px;border:2px solid #d34038;color:#d34038;font:700 9px/1 var(--mono);text-align:center;letter-spacing:.05em;transform:rotate(-9deg);opacity:.92}.case-file-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:9px 2px 8px;border-bottom:1px solid #51463966}.case-file-project-title>span,.case-file-category>span{color:#746957;font:7px var(--mono);letter-spacing:.06em;text-transform:uppercase}.case-file-project-title h3{margin:4px 0 0;font:600 13px/1.3 "Noto Sans Arabic",var(--display)}.case-file-category{max-width:105px;display:flex;flex-direction:column;align-items:end;gap:5px;text-align:end}.case-file-category strong{padding:4px 6px;border:1px solid #74695777;font:8px var(--mono);text-transform:uppercase}.case-file-footer{display:flex;align-items:center;justify-content:space-between;padding:7px 2px 0;color:#574a3a;font:7px var(--mono);letter-spacing:.05em}.case-file-footer svg{color:#ba252d}.portfolio-endnote{margin-top:72px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;font:8px var(--mono);letter-spacing:.05em}.services{background:var(--surface);position:relative}.services-heading{display:flex;justify-content:space-between;align-items:end;margin:58px 0 42px}.services-heading h2{margin:0;font:700 clamp(54px,7vw,84px)/.83 var(--display);letter-spacing:-.08em}.services-heading h2 i{font-weight:400}.services-arrow{width:91px;height:91px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;transform:rotate(-45deg)}.service-list{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;padding:27px 2% 45px}.service-list:before{content:"";position:absolute;z-index:-1;top:6%;right:7%;bottom:14%;left:7%;border:2px solid transparent;border-bottom-color:color-mix(in srgb,var(--red) 75%,transparent);border-radius:50%;transform:rotate(-8deg)}.service-card{min-height:208px;position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:26px 25px 23px;overflow:hidden;background:var(--paper);border:1px solid #fff;border-radius:24px 48px 22px;box-shadow:7px 9px #829aaa30,0 10px 25px #17171512;transition:transform .3s cubic-bezier(.2,.75,.25,1),box-shadow .3s}.service-card:nth-child(3n+2){transform:translateY(19px) rotate(2deg);border-radius:48px 22px}.service-card:nth-child(3n){transform:translateY(-8px) rotate(-2deg);border-radius:22px 48px}.service-card:hover{z-index:2;transform:translateY(-7px) rotate(0) scale(1.025);box-shadow:10px 14px 28px #17171520}.service-number{position:absolute;top:17px;right:19px;color:#777168;font:9px var(--mono)}.service-icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:19px;color:var(--red);background:color-mix(in srgb,var(--red) 10%,var(--paper));border-radius:50%}.service-card h3{max-width:calc(100% - 25px);font:600 19px/1.15 var(--display);letter-spacing:-.04em;margin:0 0 8px}.service-card p{max-width:310px;margin:0;font-size:10px;line-height:1.55;color:#57544e}.service-link{position:absolute;right:18px;bottom:18px;color:var(--ink);transition:transform .2s}.service-card:hover .service-link{transform:translate(2px,-2px)}.services-note{position:absolute;right:max(5vw,calc((100vw - 1240px)/2));bottom:68px;padding:28px 23px 18px;background:var(--yellow);font:600 21px/.98 var(--script);transform:rotate(5deg);box-shadow:2px 4px 8px #1112}.tape-services{position:absolute;top:-11px;left:35%;transform:rotate(-4deg)}.about-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:110px;margin-top:62px;align-items:center}.about-image-wrap{position:relative;padding:0 20px 28px 0}.about-image{height:490px;position:relative;display:grid;place-items:end center;background:var(--ink);padding:13px 13px 0;box-shadow:8px 9px #dfd9cf;transform:rotate(-2deg);clip-path:polygon(1% 0,100% 2%,98% 100%,3% 98%,0 43%)}.about-image:before{content:"";position:absolute;width:72%;aspect-ratio:1;top:14%;border-radius:50%;background:var(--red)}.about-image img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center bottom}.about-image-caption{position:absolute;left:5px;bottom:5px;font:8px var(--mono)}.about-doodle{position:absolute;right:-30px;top:17px;transform:rotate(9deg);font:600 22px var(--script)}.about-copy{padding:10px 0}.about-overline{font-size:9px}.about h2{font:700 clamp(47px,5.8vw,69px)/.86 var(--display);letter-spacing:-.08em;margin:20px 0 25px}.about h2 i{color:var(--red)}.about-lead{font:18px/1.45 Georgia,serif;max-width:460px}.about-body,.about-outlook{color:#56524c;font-size:12px;line-height:1.8;max-width:500px;margin:0 0 18px}.about-feature{position:relative;max-width:500px;margin:22px 0;padding:18px 20px 16px;background:#e6e0d4;border:1px solid #9a8d76;box-shadow:4px 5px #829aaa;clip-path:polygon(0 2%,2% 0,99% 1%,100% 96%,97% 100%,1% 98%)}.about-feature-label{display:block;width:fit-content;margin:-26px 0 12px;padding:5px 9px;background:var(--yellow);color:#171612;font:600 8px var(--mono);letter-spacing:.04em;transform:rotate(-2deg)}.about-feature strong{display:block;margin-bottom:7px;color:#283943;font:700 18px var(--display)}.about-feature p{margin:0;color:#48443d;font-size:11px;line-height:1.75}.about-outlook{font-family:Georgia,serif;font-size:14px}.about-stats{display:flex;gap:38px;border-top:1px solid var(--line);padding-top:21px;margin-top:36px}.about-stats>div{display:flex;align-items:center;gap:9px}.about-stats strong{font:700 34px var(--display);letter-spacing:-.08em}.about-stats strong span{color:var(--red);font-size:21px}.about-stats small{font:7px/1.5 var(--mono)}.process{background:#171715;color:#f4f0e8;overflow:hidden}.process .section-kicker{border-color:#aaa7a0;color:#c5c0b7}.process-title{display:flex;justify-content:space-between;align-items:end;margin:56px 0 81px}.process-title h2{font:700 clamp(52px,7vw,83px)/.83 var(--display);letter-spacing:-.08em;margin:0}.process-title h2 i{color:var(--yellow)}.process-title>span{font:8px/1.6 var(--mono);color:#aaa7a0;margin:0 4% 4px 0}.process-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;position:relative}.process-line{position:relative;top:17px;width:calc(100% - 1px);border-top:1px dashed #827f77}.process-step{position:relative;padding-top:22px}.process-dot{position:absolute;width:10px;height:10px;top:-11px;left:0;background:var(--yellow);border-radius:50%;box-shadow:0 0 0 5px #171715}.process-number{font:9px var(--mono);color:var(--yellow)}.process-step h3{margin:23px 0 10px;font:600 16px var(--display)}.process-step p{color:#aaa7a0;font-size:10px;line-height:1.6;max-width:175px}.process-handwriting{text-align:right;font:600 22px var(--script);color:var(--yellow);transform:rotate(-4deg);margin-top:24px}.cta{background:var(--yellow);color:#111;overflow:hidden}.cta .section-kicker{border-color:#1117}.cta-inner{position:relative;isolation:isolate}.cta-portrait{position:absolute;z-index:-1;right:2%;bottom:-116px;height:min(52vw,510px);max-height:calc(100% + 100px);width:auto;object-fit:contain;object-position:center bottom;pointer-events:none;filter:drop-shadow(8px 8px 0 #1112)}.cta-note{position:absolute;top:100px;right:13%;font:600 25px var(--script);transform:rotate(8deg);border-bottom:1px solid var(--ink)}.cta h2{position:relative;z-index:1;max-width:88%;font:700 clamp(68px,10vw,128px)/.82 var(--display);letter-spacing:-.1em;margin:65px 0 45px}.cta h2 i{font-size:.89em}.cta-bottom{position:relative;z-index:1;display:flex;align-items:center;gap:32px;flex-wrap:wrap}.button-dark{color:var(--paper);background:var(--ink)}.cta-email,.cta-whatsapp{display:flex;align-items:center;gap:8px;font:9px var(--mono);border-bottom:1px solid var(--ink);padding-bottom:6px}.cta-location{font:8px/1.55 var(--mono);margin-left:auto;text-align:right}.footer{min-height:132px;padding-bottom:24px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px}.footer-brand .brand-mark{width:34px;height:34px}.footer>p,.copyright{font:8px/1.6 var(--mono)}.footer-socials{display:flex;gap:19px}.footer-socials a{display:flex;align-items:center;gap:3px;font:9px var(--mono)}.footer-socials a:hover{text-decoration:underline}.copyright{color:#706c65;text-align:right}.admin-open-button{position:absolute;inset-inline-end:0;bottom:2px;display:inline-flex;align-items:center;gap:6px;border:0;padding:5px 0;color:#706c65;background:transparent;font:8px var(--mono)}.admin-open-button:hover{color:var(--red)}.admin-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:#10100fd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.admin-panel{width:min(100%,920px);max-height:min(92dvh,920px);overflow-y:auto;padding:clamp(20px,3vw,34px);color:#211f1b;background:#f4f0e8;border:1px solid #b7aa94;box-shadow:8px 9px #829aaa66,15px 16px #1115}.admin-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #211f1b33}.admin-heading{display:flex;align-items:center;gap:14px}.admin-heading-icon{display:grid;place-items:center;width:48px;height:48px;color:#f4f0e8!important;background:#211f1b}.admin-panel-header span{color:#746957;font:8px var(--mono);letter-spacing:.08em}.admin-panel-header h2{margin:5px 0 4px;font:700 clamp(23px,4vw,32px)/1.1 var(--display)}.admin-panel-header p{margin:0;color:#746957;font-size:12px}.admin-panel-header>button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #211f1b44;color:#211f1b;background:transparent;transition:background .18s,color .18s}.admin-panel-header>button:hover{color:#fff;background:#211f1b}.admin-overview{display:grid;grid-template-columns:minmax(130px,180px) minmax(130px,180px) 1fr;align-items:stretch;gap:10px;margin-bottom:22px}.admin-overview>div{display:grid;align-content:center;gap:7px;min-height:76px;padding:12px 15px;border:1px solid #211f1b1c;background:#fffdf7}.admin-overview>div span{color:#746957;font:8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.admin-overview>div strong{font:700 25px/1 var(--display)}.admin-add-toggle{justify-self:end;align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border:1px solid #211f1b;color:#211f1b;background:#ffe600;font:600 10px var(--mono);transition:transform .18s,box-shadow .18s}.admin-add-toggle:hover{transform:translate(-2px,-2px);box-shadow:3px 3px #211f1b}.admin-add-toggle svg{color:#a51f29}.admin-form{display:grid;gap:14px}.admin-form label{display:grid;gap:6px;color:#514a40;font:9px var(--mono)}.admin-form input,.admin-form select,.admin-form textarea{width:100%;min-height:40px;padding:9px 10px;border:1px solid #afa38f;border-radius:0;color:#211f1b;background:#fffdf7;font:13px DM Sans,sans-serif}.admin-form textarea{resize:vertical}.admin-form .button{justify-content:center;border:1px solid #171612}.admin-form .button:disabled,.admin-project-row button:disabled,.admin-logout:disabled{cursor:wait;opacity:.6}.admin-message{margin:0 0 17px;padding:10px;border-inline-start:3px solid var(--red);color:#7e2028;background:#e6394614;font-size:12px}.admin-project-list{margin-top:24px;border-top:1px solid #211f1b33}.admin-list-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:19px 0 13px}.admin-list-heading h3{margin:0 0 5px;font:600 13px var(--mono)}.admin-list-heading>div:first-child>span{color:#746957;font-size:10px}.admin-list-tools{display:flex;gap:8px}.admin-search{display:flex;align-items:center;gap:8px;width:min(240px,28vw);min-height:38px;padding:0 10px;border:1px solid #afa38f;color:#746957;background:#fffdf7}.admin-search input{width:100%;min-width:0;border:0;outline:0;color:#211f1b;background:transparent;font:11px DM Sans,sans-serif}.admin-filter{min-width:140px;min-height:38px;padding:0 10px;border:1px solid #afa38f;color:#211f1b;background:#fffdf7;font:10px DM Sans,sans-serif}.admin-project-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid #211f1b1c;border-bottom:0;background:#fffdf7;transition:background .16s,border-color .16s}.admin-project-row:last-of-type{border-bottom:1px solid #211f1b1c}.admin-project-row:hover,.admin-project-row.is-editing{border-color:#b7aa94;background:#fffefa}.admin-project-index{display:grid;place-items:center;width:36px;height:36px;color:#746957;background:#e9e2d6;font:10px var(--mono)}.admin-project-summary{display:grid;gap:5px;min-width:0}.admin-project-summary>strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.admin-project-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.admin-project-meta span{width:fit-content;padding:3px 6px;border:1px solid #74695733;color:#746957;font:8px var(--mono)}.admin-project-meta span:first-child{color:#7e2028;border-color:#a51f2944;background:#a51f290a}.admin-project-summary>a{display:flex;align-items:center;gap:4px;min-width:0;max-width:100%;overflow:hidden;color:#746957;font:9px var(--mono);text-overflow:ellipsis;white-space:nowrap}.admin-no-link{color:#746957;font:9px var(--mono)}.admin-project-controls{display:flex;gap:5px;align-items:center}.admin-project-controls button{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border:1px solid #74695744;color:#39342d;background:transparent;transition:color .15s,background .15s,border-color .15s}.admin-project-controls button:hover:not(:disabled){border-color:#211f1b;color:#fff;background:#211f1b}.admin-project-controls button:last-child{border-color:#b6212c44;color:#a6222d}.admin-project-controls button:last-child:hover:not(:disabled){color:#fff;background:#a6222d}.admin-empty{margin:0;padding:28px 15px;border:1px solid #211f1b1c;color:#746957;background:#fffdf7;text-align:center;font-size:12px}.admin-project-row button:disabled,.admin-project-controls button:disabled{cursor:wait;opacity:.45}.admin-project-edit{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:5px;padding:16px;background:#eee8dc;border-inline-start:3px solid #a51f29}.admin-project-edit label:first-child,.admin-project-edit label:nth-child(2),.admin-project-edit-actions{grid-column:1 / -1}.admin-project-edit label{display:grid;gap:5px;color:#514a40;font:8px var(--mono)}.admin-project-edit input,.admin-project-edit select,.admin-project-edit textarea{width:100%;min-height:36px;padding:8px;border:1px solid #afa38f;border-radius:0;color:#211f1b;background:#fffdf7;font:12px DM Sans,sans-serif}.admin-project-edit textarea{resize:vertical}.admin-project-edit-actions{display:flex;gap:8px}.admin-project-edit-actions button{min-height:34px;padding:0 12px;border:1px solid #746957;color:#211f1b;background:transparent;font:8px var(--mono)}.admin-project-edit-actions button:first-child{display:inline-flex;align-items:center;gap:5px;border-color:#171612;background:var(--yellow)}.admin-restore{margin-top:18px;border:1px solid #74695777;padding:9px 11px;color:#514a40;background:transparent;font:8px var(--mono)}.admin-restore:disabled{cursor:wait;opacity:.55}html[data-theme=dark] .admin-project-edit{color:#211f1b;background:#34342e}.admin-logout{margin-top:19px;border:0;padding:7px 0;color:#746957;background:transparent;font:8px var(--mono)}.admin-restore{margin-inline-end:12px}.admin-panel.has-site-editor{width:min(100%,1360px);max-height:min(96dvh,1080px);padding:clamp(15px,2.2vw,28px)}.admin-tabs{display:flex;gap:7px;margin:-4px 0 19px;padding-bottom:12px;border-bottom:1px solid #211f1b33}.admin-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 13px;border:1px solid #211f1b44;color:#514a40;background:transparent;font:9px var(--mono)}.admin-tabs button.is-active{border-color:#211f1b;color:#f4f0e8;background:#211f1b}.admin-tabs button.is-active svg{color:var(--yellow)}.admin-password-panel{max-width:620px;margin:10px auto 20px;padding:clamp(16px,3vw,28px);border:1px solid #211f1b22;background:#f8f5ed}.admin-password-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:19px;padding-bottom:15px;border-bottom:1px solid #211f1b22}.admin-password-heading>span{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;color:var(--yellow);background:#211f1b}.admin-password-heading h3{margin:0 0 5px;color:#211f1b;font:700 17px var(--display)}.admin-password-heading p{margin:0;color:#746957;font:10px/1.65 DM Sans,sans-serif}.admin-password-form .button{width:fit-content;justify-content:center;border:1px solid #171612}.admin-password-changed{margin:0 0 16px;padding:11px;border-inline-start:3px solid #25764c;color:#226744;background:#2a9b5714;font-size:12px}.site-editor{color:#211f1b}.site-editor-toolbar{position:sticky;top:-1px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-5px 0 16px;padding:10px;border:1px solid #211f1b22;background:#ede7dc}.site-editor-live,.site-editor-actions,.site-editor-saved{display:flex;align-items:center;gap:8px}.site-editor-live{color:#514a40;font:8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.site-editor-live i{width:7px;height:7px;border-radius:50%;background:#39a56c;box-shadow:0 0 0 3px #39a56c22}.site-editor-actions{gap:7px}.site-editor-actions button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;font:8px var(--mono)}.site-editor-reset{border:1px solid #74695766;color:#514a40;background:transparent}.site-editor-save{border:1px solid #211f1b;color:#211f1b;background:var(--yellow);font-weight:700!important}.site-editor-actions button:disabled{opacity:.55;cursor:wait}.site-editor-saved{color:#25764c;font:8px var(--mono)}.site-editor-layout{display:grid;grid-template-columns:175px minmax(200px,.72fr) minmax(390px,1.45fr);gap:13px;align-items:start}.site-editor-nav,.site-editor-preview,.site-editor-fields{min-width:0;border:1px solid #211f1b22;background:#f8f5ed}.site-editor-nav{display:grid;gap:4px;padding:9px}.site-editor-nav-label{padding:10px 7px 5px;color:#827766;font:7px var(--mono);letter-spacing:.1em;text-transform:uppercase}.site-editor-nav button{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:5px;border:1px solid transparent;padding:0 8px;color:#514a40;background:transparent;text-align:start;font:9px DM Sans,sans-serif}.site-editor-nav button small{color:#9d927f;font:7px var(--mono)}.site-editor-nav button:hover,.site-editor-nav button.is-active{border-color:#211f1b22;color:#211f1b;background:#eee8dc}.site-editor-nav button.is-active{border-inline-start:3px solid var(--red);font-weight:700}.site-editor-preview{position:sticky;top:56px;padding:12px;color:#f4f0e8;background:#171715}.site-editor-preview-label{display:block;margin-bottom:10px;color:#c9c1b3;font:7px var(--mono);letter-spacing:.08em}.site-editor-preview-paper{position:relative;min-height:240px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:10px;padding:13px;overflow:hidden;color:#211f1b;background:#f4f0e8;box-shadow:3px 4px #829aaa}.site-editor-preview-paper>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.35}.site-editor-preview-paper>strong,.site-editor-preview-brand,.site-editor-preview-rule,.site-editor-preview-caption{position:relative;z-index:1}.site-editor-preview-brand{display:grid;place-items:center;width:29px;height:29px;border:1px solid #211f1b;background:#f4f0e8cc;font:700 11px var(--display)}.site-editor-preview-paper>strong{max-width:100%;font:700 clamp(19px,2vw,27px)/1.1 var(--display);overflow-wrap:anywhere}.site-editor-preview-rule{width:100%;height:1px;background:#211f1b55}.site-editor-preview-caption{color:#625c51;font:6px var(--mono);letter-spacing:.04em}.site-editor-preview>p{margin:11px 0 0;color:#d5cdbf;font:9px/1.6 DM Sans,sans-serif}.site-editor-fields{max-height:min(66dvh,720px);overflow:auto;padding:15px}.site-editor-section-heading{margin-bottom:15px;padding-bottom:11px;border-bottom:1px solid #211f1b22}.site-editor-section-heading>span{color:#827766;font:7px var(--mono);letter-spacing:.1em;text-transform:uppercase}.site-editor-section-heading h3{margin:5px 0;font:700 18px var(--display)}.site-editor-section-heading p{margin:0;color:#746957;font:9px/1.6 DM Sans,sans-serif}.site-editor-copy-list{display:grid;gap:9px}.site-editor-copy-field{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0;margin:0;padding:9px;border:1px solid #211f1b1d;background:#fffdf7}.site-editor-copy-field legend{grid-column:1 / -1;padding:0 5px;color:#514a40;font:8px var(--mono);text-transform:uppercase}.site-editor-copy-field label,.site-editor-global-fields label{min-width:0;display:grid;gap:5px;color:#746957;font:7px var(--mono)}.site-editor-copy-field label>span,.site-editor-global-fields label>span{color:#746957}.site-editor-copy-field textarea,.site-editor-global-fields input,.site-editor-global-fields textarea{width:100%;min-height:36px;padding:8px;border:1px solid #afa38f;border-radius:0;outline-color:var(--red);color:#211f1b;background:#f8f5ed;font:11px/1.5 DM Sans,sans-serif;resize:vertical}.site-editor-copy-field textarea::placeholder{color:#aaa08f}.site-editor-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.site-editor-color{display:grid;grid-template-columns:minmax(0,1fr) 38px 74px;align-items:center;gap:7px;min-height:48px;padding:7px;border:1px solid #211f1b1d;background:#fffdf7;color:#514a40;font:8px DM Sans,sans-serif}.site-editor-color input{width:35px;height:29px;border:1px solid #211f1b44;padding:2px;background:transparent}.site-editor-color code{color:#746957;font:8px var(--mono)}.site-editor-palette-preview{display:flex;height:50px;margin-top:15px;border:1px solid #211f1b22}.site-editor-palette-preview span{flex:1}.site-editor-order{display:grid;gap:6px;margin:0;padding:0;list-style:none}.site-editor-order li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:44px;padding:5px 8px;border:1px solid #211f1b1d;background:#fffdf7}.site-editor-order-index{display:grid;place-items:center;width:28px;height:28px;color:#6f6351;background:#e9e2d6;font:8px var(--mono)}.site-editor-order li>strong{font:600 10px DM Sans,sans-serif}.site-editor-order li>div{display:flex;gap:4px}.site-editor-order button{width:29px;height:29px;display:grid;place-items:center;border:1px solid #74695755;color:#39342d;background:transparent}.site-editor-order button:disabled{opacity:.35;cursor:default}.site-editor-global-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.site-editor-media-preview{width:100%;max-height:90px;object-fit:cover;border:1px solid #211f1b22}.site-section-slot{display:contents}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#10100fee;animation:fade-in .2s ease-out}.video-modal{width:min(100%,1000px);color:#f4f0e8}.modal-topline{height:43px;display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:.07em}.modal-close{width:37px;height:37px;display:grid;place-items:center;border:1px solid #fff6;border-radius:50%;color:#fff;background:transparent}.modal-player{width:100%;aspect-ratio:16 / 9;position:relative;background:#080808}.video-frame{width:100%;height:100%;border:0}.video-player{width:100%;height:100%;border:0;background:#080808}.fullscreen-button{position:absolute;z-index:1;color:#fff;background:#111a;border:1px solid #fff6}.fullscreen-button{top:12px;right:12px;padding:9px}.modal-external-link{display:flex;width:fit-content;max-width:100%;align-items:center;gap:6px;margin:10px 0 0 auto;padding:7px 10px;border:1px solid #ffffff44;color:#e8e3d9;background:#ffffff0d;font:8px var(--mono);transition:color .18s,background .18s,border-color .18s}.modal-external-link:hover{border-color:var(--yellow);color:var(--ink);background:var(--yellow)}.video-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#34332f,#10100f 70%);text-align:center}.fallback-mark{font:700 50px var(--display);letter-spacing:-.12em}.fallback-mark span{font:10px var(--mono);vertical-align:top}.video-fallback p{color:#c3c0b9;font-size:12px;margin:9px 0 20px}.video-fallback a{background:var(--yellow);color:var(--ink);display:flex;align-items:center;gap:10px;padding:13px 16px;font:600 9px var(--mono)}.modal-info{display:flex;justify-content:space-between;gap:30px;padding:24px 0;border-bottom:1px solid #ffffff33}.modal-category{color:#c2beb5;font:8px var(--mono);text-transform:uppercase;letter-spacing:.06em}.modal-info h2{margin:7px 0 0;font:600 27px var(--display);letter-spacing:-.05em}.modal-info p{color:#c2beb5;max-width:380px;font-size:11px;line-height:1.6;margin:0;align-self:end}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes preview-arrive{0%{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@media(max-width:900px){:root{--page-gutter: 32px}.section-wrap{width:calc(100% - 64px)}.site-header{padding-inline:32px}.nav-links{gap:18px}.nav-links .nav-availability{padding:9px;font-size:8px}.preference-capsule{gap:4px;padding:3px 4px}.preference-toggle{min-width:32px;height:28px;padding-inline:6px}.language-toggle{min-width:36px}.hero{min-height:660px}.hero-art{height:400px}.hero-portrait{width:min(96%,365px);height:115%;bottom:-24px}.cta-portrait{right:-2%;height:min(58vw,430px);opacity:.92}.cta h2{max-width:91%}.hero h1{font-size:clamp(57px,9vw,80px)}.hero-note{right:-7px}.about-grid{gap:55px}.about-image{height:420px}.services-note{right:42px;bottom:34px}.footer-socials{gap:10px}.site-editor-layout{grid-template-columns:145px minmax(0,1fr)}.site-editor-preview{display:none}.admin-panel.has-site-editor{width:min(100%,1040px)}}@media(max-width:650px){:root{--page-gutter: 20px}html{scroll-padding-top:66px}.section-wrap{width:calc(100% - 40px)}.section-pad{padding-block:77px}.site-header{height:66px;padding-inline:20px}.project-card{flex-basis:min(74vw,300px);width:min(74vw,300px)}.project-scroll-track{padding-block:20px 40px}.project-card+.project-card{margin-left:-48px}.portfolio-gallery-controls{margin-inline:10px}.portfolio-gallery-arrow{width:34px;height:34px}.portfolio-scroll-hint,.portfolio-scroll-progress{font-size:7px}.portfolio-scroll-progress{margin-inline:10px}.brand-mark{width:34px;height:34px}.header-tools{gap:6px}.preference-capsule{gap:4px;padding:3px 4px}.preference-toggle{min-width:30px;height:25px}.language-toggle{min-width:34px}.capsule-divider{height:17px}.menu-toggle{display:grid;place-items:center;z-index:2;padding:7px}.nav-links{display:none;position:absolute;top:65px;left:0;width:100%;height:calc(100dvh - 65px);padding:22px 24px 40px;background:var(--paper);flex-direction:column;align-items:stretch;gap:0}.nav-links.is-open{display:flex}.nav-links>a:not(.nav-availability){border-bottom:1px solid var(--line);padding:18px 0;font:600 31px var(--display);letter-spacing:-.06em}.nav-index{display:inline-block;font:9px var(--mono);color:#878178;width:32px;vertical-align:middle}.nav-links .nav-availability{margin-top:25px;width:fit-content}.hero{min-height:auto;padding-top:20px}.hero-meta{font-size:7px}.hero-meta span:last-child{text-align:right}.hero-layout{grid-template-columns:1fr;padding:48px 0 29px}.hero-copy{padding:0}.eyebrow{font-size:9px}.hero h1{font-size:clamp(55px,14vw,80px);margin:20px 0 18px}.hero-intro{max-width:310px;font-size:13px}.hero-actions{gap:16px;flex-wrap:wrap;margin-top:22px}.button{min-height:43px;padding:0 13px;gap:13px;font-size:9px}.text-link{font-size:8px}.hero-art{width:min(88%,390px);height:clamp(300px,86vw,390px);justify-self:center;margin:29px 6px 0 0}.hero-portrait{width:min(105%,350px);height:118%;bottom:-26px}.hero-note{width:116px;height:96px;right:-17px;bottom:49px}.hero-note span{font-size:16px}.hero-yellow-shape{width:102px;height:90px;right:-13px}.hero-red-shape{width:73px;height:72px;left:-17px}.hero-scribble{right:0;top:12px;font-size:19px}.hero-stamp{right:27px;top:51px}.hero-bottom{font-size:7px}.portfolio{padding-top:74px}.section-kicker{font-size:7px;gap:10px}.section-kicker span:last-child{text-align:right}.section-heading-row{margin:39px 0 20px;align-items:end}.section-heading-row h2{font-size:clamp(54px,13vw,77px)}.work-scribble{margin-left:131px;font-size:21px}.section-intro{max-width:132px;font-size:11px;line-height:1.5;margin:0 0 4px 10px}.filter-row{gap:5px;margin:24px 0 28px}.filter-row button{font-size:8px;padding:7px 8px}.case-file-paper{padding:14px 8px 8px}.case-file-tab{left:9px;min-width:97px;padding:6px 8px 8px;font-size:6px}.case-paperclip{right:9px;top:5px;transform:scale(.8) rotate(7deg);transform-origin:top right}.project-image{aspect-ratio:1.42}.project-image img{object-position:center}.project-number{top:6px;left:6px;font-size:8px}.project-play{width:38px;height:38px}.confidential-stamp{right:4px;bottom:5px;padding:4px;font-size:7px}.case-file-meta{grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:7px 1px}.case-file-project-title>span,.case-file-category>span{font-size:6px}.case-file-project-title h3{font-size:10px;overflow-wrap:anywhere}.case-file-category{align-items:end;max-width:72px}.case-file-category strong{font-size:6px;padding:3px 4px}.portfolio-endnote{margin-top:45px;font-size:7px}.services-heading{margin:42px 0 28px}.services-heading h2{font-size:clamp(46px,11vw,66px)}.services-arrow{width:53px;height:53px}.services-arrow svg{width:31px}.service-row{min-height:83px;grid-template-columns:27px 1fr 19px;gap:8px}.service-number{font-size:8px;align-self:start;padding-top:25px}.service-row h3{font-size:18px;align-self:end;padding-top:14px}.service-row p{grid-column:2;grid-row:2;align-self:start;margin:-5px 0 12px;font-size:9px}.service-link{grid-column:3;grid-row:1 / span 2;width:16px}.services-note{position:relative;width:fit-content;right:auto;bottom:auto;margin:30px 10px 0 auto;font-size:18px;padding:24px 18px 15px}.about-grid{grid-template-columns:1fr;gap:39px;margin-top:40px}.about-image-wrap{width:80%;margin-left:5%}.about-image{height:min(112vw,380px)}.about h2{font-size:clamp(50px,12vw,66px)}.about-lead{font-size:16px}.about-body,.about-feature p{font-size:10px}.about-feature{margin:21px 0;padding:16px 14px 13px}.about-feature-label{font-size:7px}.about-feature strong{font-size:16px}.about-outlook{font-size:12px}.about-stats{gap:0;justify-content:space-between;margin-top:28px}.about-stats>div{gap:6px}.about-stats strong{font-size:28px}.about-stats small{font-size:6px}.process-title{margin:42px 0 64px}.process-title h2{font-size:clamp(47px,11vw,65px)}.process-title>span{font-size:6px}.process-line{top:14px;width:1px;height:calc(100% - 15px);border:0;border-left:1px dashed #827f77;position:absolute;left:4px}.process .section-wrap{position:relative}.process-steps{grid-template-columns:1fr;gap:21px;padding-left:29px}.process-step{padding:0}.process-dot{top:3px;left:-29px}.process-step h3{margin:7px 0 4px;font-size:15px}.process-step p{max-width:275px;margin:0}.process-handwriting{font-size:19px}.cta-note{top:78px;right:6%;font-size:20px}.cta h2{max-width:100%;font-size:clamp(57px,13.4vw,85px);margin:56px 0 36px}.cta-bottom{align-items:flex-start;flex-direction:column;gap:21px}.cta-location{text-align:left;margin-left:0}.cta-portrait{right:-23%;bottom:-78px;height:265px;opacity:.23}.footer{padding-block:27px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer>p{margin:0;text-align:right}.footer-socials{grid-column:1 / -1;flex-wrap:wrap;gap:17px}.footer .admin-open-button{position:static;grid-column:1 / -1;justify-self:center}.admin-backdrop{place-items:end center;padding:8px}.admin-panel{width:100%;max-height:94dvh;padding:18px 14px}.admin-panel.has-site-editor{width:100%;max-height:96dvh;padding:14px 10px}.admin-panel-header{margin-bottom:17px;padding-bottom:14px}.admin-heading{gap:10px}.admin-heading-icon{width:40px;height:40px}.admin-panel-header p{max-width:240px;font-size:10px}.admin-tabs{gap:5px;margin-bottom:12px}.admin-tabs button{flex:1;justify-content:center;padding-inline:7px;font-size:8px}.site-editor-toolbar{align-items:stretch;flex-direction:column;gap:8px;padding:8px}.site-editor-actions{flex-wrap:wrap}.site-editor-actions button{flex:1;min-width:125px;padding-inline:6px;font-size:7px}.site-editor-saved{width:100%}.site-editor-layout{grid-template-columns:1fr;gap:9px}.site-editor-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px}.site-editor-nav-label{grid-column:1 / -1;padding:5px 3px 2px}.site-editor-nav button{min-height:34px;justify-content:center;padding-inline:4px;text-align:center;font-size:8px}.site-editor-nav button small,.site-editor-nav button>svg{display:none}.site-editor-fields{max-height:none;padding:11px 8px}.site-editor-copy-field{grid-template-columns:1fr}.site-editor-copy-field legend{grid-column:1}.site-editor-global-fields,.site-editor-color-grid{grid-template-columns:1fr}.admin-overview{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:15px}.admin-overview>div{min-height:64px;padding:9px}.admin-add-toggle{grid-column:1 / -1;justify-self:stretch;min-height:42px}.admin-list-heading{align-items:stretch;flex-direction:column;gap:11px}.admin-list-tools{width:100%}.admin-search{width:auto;flex:1}.admin-filter{min-width:115px;max-width:42%}.admin-project-row{grid-template-columns:32px minmax(0,1fr);gap:8px;padding:9px}.admin-project-index{width:30px;height:30px}.admin-project-summary>strong{font-size:12px}.admin-project-summary>a,.admin-no-link{font-size:8px}.admin-project-controls{grid-column:2;justify-content:flex-start}.admin-project-controls button{width:32px;height:32px}.admin-project-edit{grid-template-columns:1fr;padding:11px}.admin-project-edit label:first-child,.admin-project-edit label:nth-child(2),.admin-project-edit-actions{grid-column:auto}.admin-restore{margin-top:14px;margin-inline-end:0}.copyright{grid-column:1 / -1;text-align:left}.modal-backdrop{padding:12px}.modal-info{display:block;padding:17px 0}.modal-info h2{font-size:22px}.modal-info p{margin-top:9px;font-size:10px}.modal-topline{font-size:7px}.video-fallback p{max-width:230px;font-size:10px}}html[data-theme=dark]{--paper: var(--site-paper-dark);--ink: var(--site-ink-dark);--line: rgba(244, 240, 232, .24);--header-bg: rgba(23, 23, 21, .94);--surface: #252521;--hero-wash: rgba(23, 23, 21, .66);background:var(--paper);color:var(--ink)}html[data-theme=dark] body{background:var(--paper);color:var(--ink)}html[data-theme=dark] .preference-capsule{border-color:#777266;background:#252521;color:#f4f0e8;box-shadow:3px 4px #0005,inset 0 1px #ffffff12}html[data-theme=dark] .preference-toggle{color:#f4f0e8}html[data-theme=dark] .preference-toggle:hover{border-color:#a69d89;background:#3a3933}html[data-theme=dark] .paper-texture{opacity:.05;mix-blend-mode:screen}html[data-theme=dark] .hero-meta,html[data-theme=dark] .hero-intro,html[data-theme=dark] .section-intro,html[data-theme=dark] .project-details p,html[data-theme=dark] .service-row p,html[data-theme=dark] .about-body,html[data-theme=dark] .about-outlook,html[data-theme=dark] .about-stats small{color:#d0cbc1}html[data-theme=dark] .about-feature{background:#34342e;border-color:#827969;box-shadow:4px 5px #596e79}html[data-theme=dark] .about-feature strong{color:#c8d5d8}html[data-theme=dark] .about-feature p{color:#d0cbc1}html[data-theme=dark] .hero-photo{background:#292824}html[data-theme=dark] .service-number,html[data-theme=dark] .copyright{color:#c0bbb2}html[data-theme=dark] .project-art-2,html[data-theme=dark] .project-art-2 .project-art-index,html[data-theme=dark] .project-art-2 .project-art-category{color:#111}html[data-theme=dark] .project-art-2:before,html[data-theme=dark] .project-art-2:after{border-color:#1115}html[data-theme=dark] .about-image{background:#080808}html[data-theme=dark] .services-note,html[data-theme=dark] .button-yellow{color:#111}html[data-theme=dark] .button-paper{color:var(--ink)}html[data-theme=dark] .button-dark{color:#f4f0e8;background:#111}html[data-theme=dark] .cta{color:#111}html[dir=rtl] body{font-family:Noto Sans Arabic,DM Sans,sans-serif}html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] textarea{font-family:Alexandria,Noto Sans Arabic,sans-serif}html[lang=ar] .hero h1,html[lang=ar] .section-heading-row h2,html[lang=ar] .services-heading h2,html[lang=ar] .about h2,html[lang=ar] .process-title h2,html[lang=ar] .cta h2{font-family:Alexandria,sans-serif;font-weight:700;line-height:1.22;letter-spacing:-.04em}html[lang=ar] .hero-intro,html[lang=ar] .section-intro,html[lang=ar] .about-lead,html[lang=ar] .about-body,html[lang=ar] .about-feature p,html[lang=ar] .about-outlook,html[lang=ar] .service-row p,html[lang=ar] .process-step p{line-height:1.9}html[lang=ar] .hero-note span{font-family:Alexandria,sans-serif;line-height:1.35}html[lang=ar] .project-art-title,html[lang=ar] .case-file-project-title h3{font-family:Alexandria,sans-serif;line-height:1.55}html[dir=rtl] .hero h1,html[dir=rtl] .about h2,html[dir=rtl] .process-title h2,html[dir=rtl] .cta h2{letter-spacing:-.045em}html[dir=rtl] .hero-portrait{left:50%}html[dir=rtl] .cta-portrait{right:auto;left:2%}html[dir=rtl] .hero-stamp{right:auto;left:43px}html[dir=rtl] .tape-hero{left:auto;right:43%}html[dir=rtl] .hero-scribble{right:auto;left:11px}html[dir=rtl] .hero-note{right:auto;left:-25px}html[dir=rtl] .hero-red-shape{left:auto;right:-31px}html[dir=rtl] .hero-yellow-shape{right:auto;left:-4px}html[dir=rtl] .photo-caption{left:auto;right:22px}html[dir=rtl] .hero-meta span:last-child{text-align:left}html[dir=rtl] .work-scribble{margin-left:0;margin-right:202px}html[dir=rtl] .section-intro{margin:0 20px 7px 2%}html[dir=rtl] .preference-capsule{direction:ltr}html[dir=rtl] .case-file-tab{left:auto;right:16px}html[dir=rtl] .case-paperclip{right:auto;left:15px}html[dir=rtl] .project-number{left:auto;right:9px}html[dir=rtl] .confidential-stamp{right:auto;left:9px}html[dir=rtl] .services-note{right:auto;left:max(5vw,calc((100vw - 1240px)/2))}html[dir=rtl] .about-image-wrap{margin-left:0;margin-right:5%}html[dir=rtl] .process-title>span{text-align:left}html[dir=rtl] .process-handwriting{text-align:left}html[dir=rtl] .cta-note{right:auto;left:13%}html[dir=rtl] .cta-location{text-align:left}html[dir=rtl] .footer>p{text-align:left}html[dir=rtl] .copyright{text-align:left}@media(min-width:651px){.project-card{cursor:none}}@media(max-width:900px){html[dir=rtl] .services-note{left:42px}}@media(max-width:650px){html[dir=rtl] .hero-stamp{left:27px}html[dir=rtl] .hero-scribble{left:0}html[dir=rtl] .hero-note{left:-17px}html[dir=rtl] .hero-red-shape{right:-17px}html[dir=rtl] .hero-yellow-shape{left:-13px}html[dir=rtl] .work-scribble{margin-right:131px}html[dir=rtl] .section-intro{margin:0 10px 4px 0}html[dir=rtl] .case-file-tab{right:9px}html[dir=rtl] .case-paperclip{left:9px}html[dir=rtl] .project-number{right:6px}html[dir=rtl] .confidential-stamp{left:4px}html[dir=rtl] .services-note{left:auto;margin:30px 10px 0 auto}html[dir=rtl] .about-image-wrap{margin-right:5%}html[dir=rtl] .process-line{right:4px;left:auto}html[dir=rtl] .process-steps{padding-left:0;padding-right:29px}html[dir=rtl] .process-dot{left:auto;right:-29px}html[dir=rtl] .cta-note{left:6%}html[dir=rtl] .cta-portrait{left:-23%;right:auto}html[dir=rtl] .cta-location{text-align:right}html[dir=rtl] .footer>p{text-align:left}html[dir=rtl] .copyright{text-align:right}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:900px){.service-list{gap:25px 17px;padding-inline:0}.service-card{min-height:205px;padding:22px 19px 20px}.service-card h3{font-size:17px}.service-list:before{inset-inline:3%}}@media(max-width:650px){.service-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px;padding:12px 0 28px}.service-list:before{top:4%;right:2%;bottom:8%;left:2%;border-bottom-color:transparent;border-top-color:color-mix(in srgb,var(--red) 75%,transparent);transform:rotate(-14deg)}.service-card,.service-card:nth-child(3n+2),.service-card:nth-child(3n){min-height:190px;padding:20px 14px 19px;border-radius:22px 36px 20px 34px}.service-card:nth-child(2n){transform:translateY(13px) rotate(2deg);border-radius:36px 20px 34px}.service-card:nth-child(odd){transform:translateY(-4px) rotate(-1deg)}.service-card:hover{transform:translateY(-4px) rotate(0) scale(1.015)}.service-icon{width:49px;height:49px;margin-bottom:15px}.service-icon svg{width:25px}.service-card h3{font-size:15px}.service-card p{font-size:9px}.service-number{top:13px;right:13px}html[dir=rtl] .service-number{right:auto;left:13px}html[dir=rtl] .service-link{right:auto;left:14px;transform:scaleX(-1)}html[dir=rtl] .service-card:hover .service-link{transform:scaleX(-1) translate(2px,-2px)}}.project-scroll-stage{isolation:isolate}.project-scroll-stage:before{content:"";position:absolute;z-index:-1;left:12%;right:12%;top:46%;height:42%;border:2px solid transparent;border-bottom-color:#e6394680;border-radius:50%;transform:rotate(-5deg);pointer-events:none}.project-scroll-track{gap:0;align-items:center}.project-card{flex-basis:clamp(252px,23vw,310px);width:clamp(252px,23vw,310px);opacity:.72;filter:saturate(.82)}.project-card+.project-card{margin-left:clamp(-92px,-6vw,-52px)}.project-card.is-previous,.project-card.is-next{opacity:.9;transform:translateY(24px) scale(.84) rotate(7deg)}.project-card.is-previous{transform:translateY(24px) scale(.84) rotate(-7deg)}.project-card.is-active{opacity:1;transform:translateY(0) scale(1);filter:saturate(1)}.case-file-paper{padding:15px 16px 14px;color:#292a31;background:#fff;background-image:none;border:1px solid #fff;border-radius:42% 42% 26px 26px/15% 15% 24px 24px;clip-path:none;box-shadow:8px 14px 28px #17171525,0 2px #d9dce5;transform:none}.project-card:hover .case-file-paper{transform:translateY(-5px);box-shadow:12px 20px 35px #17171532,0 2px #d9dce5}.case-file-tab{top:3px;left:50%;min-width:0;padding:7px 12px;color:#484b56;background:#f2f2f6;border:0;border-radius:99px;clip-path:none;transform:translate(-50%);font-size:7px}.case-file-tab span{color:#e63946}.case-paperclip,.case-file-heading{display:none}.project-image{aspect-ratio:.98;margin-top:14px;overflow:hidden;border:5px solid #fff;border-radius:46% 46% 18px 18px/21% 21% 10px 10px;background:#dfe1e8;box-shadow:0 5px 18px #17171518}.project-image>img,.project-hover-video{border-radius:inherit}.project-image:after{background:linear-gradient(0deg,#1118,transparent 44%);opacity:.52}.project-image img{filter:saturate(.9)}.project-art{background:#dfe1e8;color:#292a31}.project-art:before,.project-art:after{border-color:#292a3122}.project-art-category{color:#555966}.project-number{top:16px;left:17px;display:grid;width:31px;height:31px;place-items:center;border-radius:50%;color:#343640;background:#ffffffde;font-size:8px}.project-play{border:1px solid #ffffffb8;background:#17171540;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.confidential-stamp{right:15px;bottom:15px;padding:5px 8px;border-width:1px;border-radius:99px;font-size:7px}.case-file-meta{align-items:center;padding:13px 6px 10px;border:0}.case-file-project-title>span,.case-file-category>span{color:#878995;font-size:6px}.case-file-project-title h3{color:#292a31;font-size:15px}.case-file-category{max-width:98px}.case-file-category strong{border:0;border-radius:99px;padding:5px 8px;color:#b72734;background:#fae9eb;font-size:7px}.case-file-footer{margin-inline:5px;padding:8px 2px 0;border-top:1px solid #e7e8ed;color:#777985;font-size:6px}.case-file-footer svg{color:#e63946}html[dir=rtl] .case-file-tab{right:auto;left:50%}html[dir=rtl] .project-number{left:auto;right:17px}html[dir=rtl] .confidential-stamp{left:15px;right:auto}@media(max-width:650px){.project-scroll-track{padding-top:24px}.project-card{flex-basis:min(74vw,300px);width:min(74vw,300px)}.project-card+.project-card{margin-left:-48px}.case-file-paper{padding:13px 12px 11px}.project-image{margin-top:13px;border-width:4px}.case-file-project-title h3{font-size:13px}.project-scroll-stage:before{left:3%;right:3%;top:47%}}.project-scroll-stage{margin:35px 0 0;min-height:570px;isolation:isolate}.project-scroll-stage:before{left:35%;top:12%;width:31%;height:76%;border:0;border-right:3px solid var(--red);border-radius:50%;transform:rotate(0)}.project-scroll-stage:after{content:"";position:absolute;z-index:0;left:35%;top:12%;width:31%;height:76%;pointer-events:none;background:radial-gradient(circle,#fff 0 4px,var(--red) 4.5px 6px,transparent 6.5px) 50% 0% / 14px 14px no-repeat,radial-gradient(circle,#fff 0 4px,var(--red) 4.5px 6px,transparent 6.5px) 72% 13% / 14px 14px no-repeat,radial-gradient(circle,#fff 0 4px,var(--red) 4.5px 6px,transparent 6.5px) 100% 50% / 14px 14px no-repeat,radial-gradient(circle,#fff 0 4px,var(--red) 4.5px 6px,transparent 6.5px) 72% 87% / 14px 14px no-repeat,radial-gradient(circle,#fff 0 4px,var(--red) 4.5px 6px,transparent 6.5px) 50% 100% / 14px 14px no-repeat}.project-scroll-pin{position:relative;inset:auto;width:100%;height:570px;padding:0;overflow:visible}.project-scroll-viewport{width:100%;height:100%;overflow:visible}.project-scroll-track,.project-grid{position:relative;display:block;width:100%;height:100%;padding:0}.project-card{position:absolute;top:var(--orbit-y);left:var(--orbit-x);z-index:var(--orbit-z);width:clamp(132px,15vw,170px);height:clamp(146px,16vw,184px);margin:0;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%) rotate(var(--orbit-rotation)) scale(var(--orbit-scale));transition:left .85s cubic-bezier(.2,.75,.25,1),top .85s cubic-bezier(.2,.75,.25,1),width .65s,height .65s,transform .85s cubic-bezier(.2,.75,.25,1),opacity .35s,filter .5s,visibility 0s linear .9s;filter:saturate(.85)}.project-card.is-orbit-visible{opacity:.94;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) rotate(var(--orbit-rotation)) scale(var(--orbit-scale));transition-delay:0s}.project-card.is-active{z-index:8;width:clamp(142px,16vw,180px);height:clamp(150px,17vw,190px);opacity:1;transform:translate(-50%,-50%) rotate(var(--orbit-rotation)) scale(var(--orbit-scale));filter:saturate(1)}.project-card.is-previous,.project-card.is-next{opacity:.98}.project-orbit-hub{position:absolute;left:28%;top:50%;z-index:4;width:clamp(220px,25vw,280px);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:30px;border:1px solid rgba(255,255,255,.92);border-radius:50%;background:var(--paper);box-shadow:0 16px 42px #30334b1c,inset 0 0 0 10px #ffffff6b;text-align:center;transform:translate(-50%,-50%)}.project-orbit-hub>span{color:var(--red);font:600 9px var(--mono);letter-spacing:.18em}.project-orbit-hub>strong{max-width:100%;color:var(--ink);font:700 clamp(18px,2.3vw,28px)/1.15 var(--display);letter-spacing:-.04em;text-wrap:balance;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.project-orbit-hub>i{width:42px;height:2px;margin:7px 0;background:var(--red)}.project-orbit-hub>small{color:var(--ink);font:500 8px var(--mono);letter-spacing:.08em;opacity:.58}.case-file-paper{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;padding:11px 10px 10px;border:1px solid rgba(255,255,255,.95);border-radius:35% 20% 20px 20px/16% 16% 18px 18px;background:#fff;box-shadow:0 12px 28px #30334b21}.project-image{flex:1 1 auto;min-height:0;width:100%;aspect-ratio:auto;margin-top:21px;border:0;border-radius:25px}.case-file-heading,.case-paperclip,.case-file-footer,.confidential-stamp{display:none}.case-file-tab,.case-file-project-title>span,.case-file-category>span{display:none}.case-file-tab{top:8px;left:50%;color:var(--red);background:#fff;font:600 7px var(--mono);transform:translate(-50%)}.case-file-meta{flex:0 0 auto;gap:4px;padding:7px 3px 4px}.case-file-project-title h3{font-size:11px}.case-file-project-title h3,.case-file-category strong{color:var(--red)}.case-file-category{max-width:83px}.project-card.is-active .case-file-paper{border:2px solid var(--red);box-shadow:0 16px 36px #30334b33}.project-card.is-active .case-file-tab{color:#fff;background:var(--red)}.project-card.is-active .case-file-category strong{color:var(--red)}.project-scroll-stage:before{z-index:-1}@media(max-width:900px){.project-scroll-stage,.project-scroll-pin{min-height:500px;height:500px}.project-card{width:clamp(110px,14vw,128px);height:clamp(122px,15vw,142px)}.project-card.is-active{width:clamp(116px,15vw,134px);height:clamp(128px,16vw,150px)}.project-card[data-orbit-offset="-2"]{top:13%}.project-card[data-orbit-offset="2"]{top:87%}}@media(max-width:650px){.project-scroll-stage,.project-scroll-pin{min-height:430px;height:430px;margin-top:22px}.project-scroll-stage:before{left:32%;top:8%;width:35%;height:84%;border-right-width:2px}.project-scroll-stage:after{left:32%;top:8%;width:35%;height:84%}.project-card[data-orbit-offset="-2"]{left:52%;top:12%}.project-card[data-orbit-offset="-1"]{left:74%;top:30%}.project-card[data-orbit-offset="0"]{left:92.5%;top:50%}.project-card[data-orbit-offset="1"]{left:74%;top:70%}.project-card[data-orbit-offset="2"]{left:52%;top:88%}.project-card,.project-card.is-active{width:clamp(72px,21vw,82px);height:clamp(80px,23vw,90px)}.project-orbit-hub{left:25%;width:clamp(164px,43vw,190px);padding:20px}.project-orbit-hub>strong{font-size:clamp(18px,5vw,23px)}.project-card.is-orbit-visible .case-file-paper{padding:7px 6px 6px;border-radius:43% 18% 18% 22%/23% 16% 18% 18%}.project-card.is-orbit-visible .case-file-tab,.project-card.is-orbit-visible .case-file-heading,.project-card.is-orbit-visible .case-file-category,.project-card.is-orbit-visible .project-number,.project-card.is-orbit-visible .confidential-stamp,.project-card.is-orbit-visible .project-play{display:none}.project-card.is-orbit-visible .project-image{flex:0 0 38%;width:86%;margin:14px auto 0;border-radius:46% 46% 10px 10px/35% 35% 10px 10px}.project-card.is-orbit-visible .case-file-meta{flex:1 1 auto;align-items:center;justify-content:center;padding:4px 2px 2px;text-align:center}.project-card.is-orbit-visible .case-file-project-title{width:100%}.project-card.is-orbit-visible .case-file-project-title>span{display:none}.project-card.is-orbit-visible .case-file-project-title h3{color:var(--red);font-size:clamp(8px,2.35vw,10px);line-height:1.2;text-wrap:balance}.project-card.is-active .case-file-category{display:none}.project-card.is-active .case-file-paper{border:1.5px solid var(--red);box-shadow:0 12px 28px #30334b33}.project-card.is-active .case-file-project-title h3{font-size:clamp(8px,2.45vw,10px)}}.portfolio{--portfolio-red: #ed101b;position:relative;display:grid;grid-template-columns:minmax(280px,.82fr) minmax(460px,1.18fr);column-gap:clamp(42px,7vw,120px);align-items:start;overflow:hidden;color:#f7f7f7;background:#090909;isolation:isolate}.portfolio:before{content:"";position:absolute;z-index:-1;left:-10%;bottom:-9%;width:min(48vw,680px);height:min(39vw,460px);background:#ed101b;border-radius:48% 52% 0 0/45% 42% 0 0;clip-path:polygon(0 25%,20% 33%,35% 16%,52% 25%,65% 56%,83% 63%,100% 87%,83% 100%,0 100%);transform:rotate(-12deg)}.portfolio:after{content:"";position:absolute;z-index:-1;left:25%;bottom:-12%;width:min(28vw,400px);height:min(20vw,240px);border-radius:50%;background:#090909;transform:rotate(-28deg)}.portfolio>.section-kicker,.portfolio>.portfolio-endnote{grid-column:1 / -1}.portfolio>.section-kicker{color:#aaa}.portfolio>.section-heading-row{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin:clamp(42px,7vh,90px) 0 0;padding:0}.portfolio .section-heading-row h2{color:#f7f7f7;font-size:clamp(42px,6vw,82px);line-height:1.04}.portfolio .section-heading-row h2>span:first-of-type,.portfolio .section-heading-row h2 .period{color:var(--portfolio-red)}.portfolio .section-heading-row .section-intro{max-width:380px;color:#c6c6c6}.portfolio .project-orbit-hub{position:relative;left:auto;top:auto;z-index:1;display:flex;width:min(100%,440px);height:auto;aspect-ratio:auto;align-items:flex-start;gap:10px;margin-top:clamp(22px,4vh,48px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:start;transform:none}.portfolio .project-orbit-hub>span{color:var(--portfolio-red);font:600 12px/1.3 var(--mono);letter-spacing:.12em}.portfolio .project-orbit-hub>strong{color:#fff;font:700 clamp(28px,4vw,54px)/1.1 var(--display);letter-spacing:-.04em}.portfolio .project-orbit-hub>i{width:58px;height:3px;margin:5px 0;background:var(--portfolio-red)}.portfolio .project-orbit-hub>small{color:#aaa;font:500 11px/1.4 var(--mono);letter-spacing:.04em;opacity:1}.portfolio>.filter-row{grid-column:2;grid-row:3;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:24px}.portfolio>.filter-row button{color:#c9c9c9;border-color:#373737;background:#151515}.portfolio>.filter-row button.filter-active{color:#fff;border-color:var(--portfolio-red);background:var(--portfolio-red)}.portfolio .project-scroll-stage{grid-column:1;grid-row:2 / span 2;width:100%;min-height:720px;margin:34px 0 0;overflow:visible}.portfolio .project-scroll-stage:before,.portfolio .project-scroll-stage:after{display:none}.portfolio .project-scroll-pin{width:100%;height:720px;min-height:0;padding:0}.portfolio .project-scroll-viewport,.portfolio .project-scroll-track,.portfolio .project-grid{width:100%;height:100%;overflow:visible;padding:0}.portfolio .project-grid>.project-orbit-hub{display:none}.portfolio .project-card{position:absolute;top:var(--orbit-y);left:var(--orbit-x);z-index:var(--orbit-z);width:min(100%,540px);height:clamp(136px,16vh,166px);margin:0;opacity:0;visibility:hidden;pointer-events:none;filter:none;transform:translate(-50%,-50%) scale(var(--orbit-scale));transition:top .75s cubic-bezier(.2,.75,.25,1),transform .75s cubic-bezier(.2,.75,.25,1),opacity .35s,visibility 0s linear .8s}.portfolio .project-card.is-orbit-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(var(--orbit-scale));transition-delay:0s}.portfolio .project-card.is-active{z-index:5;filter:none}.portfolio .case-file-paper{position:relative;width:100%;height:100%;min-height:0;display:block;overflow:hidden;padding:27px 150px 24px 30px;border:1px solid #343434;border-radius:27px;background:linear-gradient(135deg,#202020,#111 75%);box-shadow:0 14px 30px #0008;clip-path:none;transform:none;transition:border-color .3s,box-shadow .3s,background .3s}.portfolio .project-card:hover .case-file-paper,.portfolio .project-card.is-active .case-file-paper{border-color:#4a4a4a;background:linear-gradient(135deg,#242424,#111 75%);box-shadow:0 18px 38px #000a;transform:translateY(-2px)}.portfolio .case-file-meta{display:block;margin:0;padding:0;border:0}.portfolio .case-file-project-title h3{margin:0 0 10px;color:#fff;font:700 clamp(17px,1.7vw,22px)/1.2 var(--display)}.portfolio .case-file-category{max-width:none;align-items:flex-start;text-align:start}.portfolio .case-file-category strong{padding:0;border:0;color:#c7c7c7;background:transparent;font:400 12px/1.5 var(--display);text-transform:none}.portfolio .project-image{position:absolute;z-index:2;right:0;bottom:0;width:122px;height:112px;min-height:0;margin:0;overflow:hidden;border:0;border-radius:100% 0 0;background:#fff;box-shadow:none}.portfolio .project-image>img,.portfolio .project-image>.project-hover-video,.portfolio .project-image>.project-number,.portfolio .project-image>.confidential-stamp{display:none}.portfolio .project-image:after{display:none}.portfolio .project-play{top:auto;right:28px;bottom:25px;left:auto;display:grid;width:42px;height:42px;place-items:center;border:0;color:var(--portfolio-red);background:transparent;box-shadow:none;transform:none}.portfolio .project-card:hover .project-play{color:#a90009;background:transparent;transform:scale(1.08)}.portfolio .project-card:focus-visible{outline:2px solid var(--portfolio-red);outline-offset:5px}.portfolio .portfolio-gallery-controls{position:absolute;right:0;bottom:0;left:0;justify-content:flex-end;gap:10px;color:#eee}.portfolio .portfolio-scroll-hint{margin-right:auto;color:#aaa}.portfolio .portfolio-gallery-arrow{color:#fff;border-color:#444;background:#151515}.portfolio .portfolio-gallery-arrow:hover:not(:disabled){border-color:var(--portfolio-red);background:var(--portfolio-red)}.portfolio .portfolio-scroll-progress{position:absolute;right:0;bottom:-38px;left:0}.portfolio .portfolio-scroll-count{color:#bdbdbd}.portfolio .portfolio-progress-track{background:#343434}.portfolio .portfolio-progress-track>span{background:var(--portfolio-red)}.portfolio .portfolio-endnote{position:relative;z-index:1;color:#aaa;border-color:#363636}.portfolio .portfolio-endnote a{color:#fff}@media(max-width:900px){.portfolio{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:24px}.portfolio>.section-kicker,.portfolio>.portfolio-endnote{grid-column:1}.portfolio>.section-kicker,.portfolio>.portfolio-endnote{grid-column:1 / -1}.portfolio>.section-heading-row{grid-column:2;grid-row:2;margin-top:44px}.portfolio>.filter-row{grid-column:2;grid-row:3}.portfolio .project-scroll-stage{grid-column:1;grid-row:2 / span 2;min-height:660px;margin-top:42px}.portfolio .project-scroll-pin{height:660px}.portfolio .project-card{width:min(100%,620px);height:140px}}@media(max-width:650px){.portfolio{grid-template-columns:minmax(0,1fr);column-gap:0}.portfolio>.section-heading-row,.portfolio>.filter-row,.portfolio .project-scroll-stage{grid-column:1}.portfolio>.section-heading-row{grid-row:2}.portfolio>.filter-row{grid-row:3}.portfolio .project-scroll-stage{grid-row:4}.portfolio{padding-inline:22px}.portfolio:before{left:-26%;bottom:-5%;width:90vw;height:72vw}.portfolio:after{left:15%;bottom:-8%;width:48vw;height:34vw}.portfolio .section-heading-row h2{font-size:clamp(42px,12vw,64px)}.portfolio .section-heading-row .section-intro{font-size:14px}.portfolio .project-orbit-hub{margin-top:28px}.portfolio .project-orbit-hub>strong{font-size:clamp(30px,9vw,44px)}.portfolio .project-scroll-stage{min-height:600px;margin-top:28px}.portfolio .project-scroll-pin{height:600px}.portfolio .project-card{width:100%;height:132px}.portfolio .case-file-paper{padding:22px 112px 20px 20px;border-radius:22px}.portfolio .case-file-project-title h3{font-size:16px}.portfolio .case-file-category strong{font-size:11px}.portfolio .project-image{width:92px;height:88px}.portfolio .project-play{right:18px;bottom:17px;width:36px;height:36px}.portfolio .portfolio-gallery-controls{bottom:4px}.portfolio .portfolio-scroll-progress{bottom:-34px}}.portfolio.section-wrap{--poster-red: #9a0712;--poster-deep: #71040c;position:relative;display:block;width:100%;max-width:none;min-height:1040px;margin:0;padding:30px clamp(24px,5vw,76px) 48px;overflow:hidden;color:#fff;background-color:var(--poster-red);background-image:linear-gradient(90deg,transparent 0 14.8%,#f4e4e42c 15%,transparent 15.2% 84.8%,#f4e4e41c 85%,transparent 85.2%),linear-gradient(0deg,transparent 0 20.8%,#f4e4e42b 21%,transparent 21.2% 78.8%,#f4e4e41b 79%,transparent 79.2%),radial-gradient(ellipse at 15% 25%,#e32d352e,transparent 48%),linear-gradient(135deg,var(--poster-red),var(--poster-deep));isolation:isolate}.portfolio.section-wrap:before,.portfolio.section-wrap:after{position:absolute;z-index:-1;display:block;color:#31050a55;font-family:var(--display);font-weight:900;line-height:.78;letter-spacing:-.08em;pointer-events:none;transform:none;clip-path:none;background:none}.portfolio.section-wrap:before{content:attr(data-current-number);top:19%;left:11%;width:auto;height:auto;font-size:clamp(220px,48vw,700px);opacity:.72}.portfolio.section-wrap:after{content:attr(data-next-number);right:5%;bottom:8%;left:auto;width:auto;height:auto;font-size:clamp(200px,38vw,560px);opacity:.48}.portfolio.section-wrap>.section-kicker{position:relative;z-index:5;display:flex;min-height:58px;align-items:flex-start;padding:3px 0 14px;color:#fff;border-bottom:1px solid #f6e9e94a}.portfolio.section-wrap>.section-kicker span:first-child{max-width:180px;font:800 19px/1 var(--display);letter-spacing:-.08em}.portfolio.section-wrap>.section-kicker span:first-child:before{content:"MA";display:block;width:fit-content;margin-bottom:5px;padding:7px 8px;border:2px solid #fff;font:900 19px/1 var(--display);letter-spacing:-.1em}.portfolio.section-wrap>.section-kicker span:last-child{color:#f5d9da;font-size:9px}.portfolio.section-wrap>.section-heading-row{display:none}.portfolio.section-wrap>.filter-row{position:absolute;z-index:6;top:96px;left:50%;display:flex;width:min(100% - 48px,720px);flex-wrap:wrap;justify-content:center;gap:7px;margin:0;transform:translate(-50%)}.portfolio.section-wrap>.filter-row button{padding:7px 10px;color:#fff;border-color:#fff5;background:#52050bb0;font-size:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.portfolio.section-wrap>.filter-row button.filter-active{border-color:#fff;background:#fff;color:var(--poster-deep)}.portfolio.section-wrap .project-scroll-stage{position:relative;width:min(100%,900px);height:780px;min-height:780px;margin:94px auto 0;overflow:visible}.portfolio.section-wrap .project-scroll-stage:before,.portfolio.section-wrap .project-scroll-stage:after{display:none}.portfolio.section-wrap .project-scroll-pin,.portfolio.section-wrap .project-scroll-viewport,.portfolio.section-wrap .project-scroll-track,.portfolio.section-wrap .project-grid{position:relative;width:100%;height:100%;min-height:0;padding:0;overflow:visible}.portfolio.section-wrap .project-grid>.project-orbit-hub{display:none}.portfolio.section-wrap .project-card{position:absolute;top:var(--orbit-y);left:var(--orbit-x);z-index:var(--orbit-z);width:clamp(340px,54vw,590px);height:clamp(500px,57vw,640px);margin:0;opacity:0;visibility:hidden;pointer-events:none;filter:none;transform:translate(-50%,-50%) rotate(var(--orbit-rotation)) scale(var(--orbit-scale));transition:transform .85s cubic-bezier(.2,.75,.25,1),opacity .4s,visibility 0s linear .9s}.portfolio.section-wrap .project-card.is-orbit-visible{opacity:.92;visibility:visible;pointer-events:auto;transition-delay:0s}.portfolio.section-wrap .project-card.is-active{z-index:5;opacity:1}.portfolio.section-wrap .case-file-paper{position:relative;width:100%;height:100%;min-height:0;display:block;overflow:visible;padding:0;color:#241114;border:0;border-radius:1px;background:#f5f0e8;box-shadow:0 24px 55px #30030960,0 3px #d9d1c9;clip-path:none;transform:none;transition:box-shadow .35s}.portfolio.section-wrap .case-file-paper:before{content:"";position:absolute;z-index:8;top:-35px;left:50%;width:48px;height:56px;border-radius:48% 48% 46% 46%;background:radial-gradient(circle at 32% 24%,#ffb0a8 0,#ffb0a8 5%,#ed3936 24%,#bb0712 68%,#75040b);box-shadow:4px 8px 9px #28030856,inset -5px -6px 7px #57040d70;transform:translate(-50%) rotate(-6deg)}.portfolio.section-wrap .case-file-paper:after{content:"";position:absolute;z-index:7;top:8px;left:50%;width:15px;height:24px;background:linear-gradient(90deg,#777,#ddd 48%,#777);clip-path:polygon(50% 100%,0 0,100% 0);transform:translate(-50%)}.portfolio.section-wrap .project-card.is-active .case-file-paper{box-shadow:0 28px 60px #30030970,0 3px #d9d1c9}.portfolio.section-wrap .case-file-tab,.portfolio.section-wrap .case-paperclip,.portfolio.section-wrap .confidential-stamp,.portfolio.section-wrap .project-play,.portfolio.section-wrap .project-art,.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-hover-video{display:none}.portfolio.section-wrap .case-file-heading{position:absolute;z-index:2;top:22px;right:25px;left:25px;display:flex;justify-content:space-between;padding:0 0 9px;color:#754c4e;border-bottom:1px solid #82202a36;font:600 10px var(--mono);letter-spacing:.06em}.portfolio.section-wrap .project-image{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;margin:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.portfolio.section-wrap .project-image:after{display:none}.portfolio.section-wrap .project-number{top:43%;left:50%;display:block;width:auto;height:auto;padding:0;color:#8d0a16;border:0;border-radius:0;background:transparent;font:900 clamp(190px,29vw,330px)/.8 var(--display);letter-spacing:-.09em;text-shadow:0 1px 0 #fff9;transform:translate(-50%,-50%)}.portfolio.section-wrap .case-file-meta{position:absolute;z-index:3;right:24px;bottom:58px;left:24px;display:block;padding:15px 0 0;border-top:2px solid #8d0a16}.portfolio.section-wrap .case-file-project-title>span,.portfolio.section-wrap .case-file-category>span{display:block;color:#9c5357;font:600 9px var(--mono);letter-spacing:.12em}.portfolio.section-wrap .case-file-project-title h3{max-width:100%;margin:6px 0 12px;color:#770812;font:800 clamp(24px,3.1vw,40px)/1.08 var(--display);text-wrap:balance}.portfolio.section-wrap .case-file-category{display:block;max-width:none;text-align:start}.portfolio.section-wrap .case-file-category strong{display:block;width:fit-content;padding:0;color:#4c3334;border:0;background:transparent;font:500 11px var(--display)}.portfolio.section-wrap .case-file-footer{position:absolute;z-index:3;right:-15px;bottom:27px;display:flex;align-items:center;gap:7px;padding:7px 12px;color:#fff;background:#8d0a16;font:600 10px var(--display);transform:rotate(-3deg)}.portfolio.section-wrap .case-file-footer svg{color:#fff}.portfolio.section-wrap .portfolio-gallery-controls{position:absolute;right:0;bottom:16px;left:0;justify-content:center;gap:14px;color:#fff}.portfolio.section-wrap .portfolio-scroll-hint{color:#f6dada}.portfolio.section-wrap .portfolio-gallery-arrow{color:#fff;border-color:#fff6;background:#54050bb3}.portfolio.section-wrap .portfolio-gallery-arrow:hover:not(:disabled){color:#76050d;border-color:#fff;background:#fff}.portfolio.section-wrap .portfolio-scroll-progress{position:absolute;right:15%;bottom:-18px;left:15%}.portfolio.section-wrap .portfolio-scroll-count{color:#ffe9e9}.portfolio.section-wrap .portfolio-progress-track{background:#fffc}.portfolio.section-wrap .portfolio-progress-track>span{background:#65040c}.portfolio.section-wrap .portfolio-endnote{display:flex;width:min(100%,900px);margin:3px auto 0;color:#f2d9da;border-color:#ffffff49}@media(max-width:900px){.portfolio.section-wrap{min-height:1050px}.portfolio.section-wrap .project-scroll-stage{height:750px;min-height:750px;margin-top:100px}.portfolio.section-wrap .project-card{width:clamp(340px,56vw,500px);height:clamp(500px,72vw,590px)}}@media(max-width:650px){.portfolio.section-wrap{min-height:940px;padding:24px 18px 38px}.portfolio.section-wrap>.section-kicker span:first-child{font-size:16px}.portfolio.section-wrap>.section-kicker span:last-child{max-width:56%;text-align:end}.portfolio.section-wrap>.filter-row{top:84px;width:calc(100% - 28px);gap:5px}.portfolio.section-wrap>.filter-row button{padding:6px 8px;font-size:9px}.portfolio.section-wrap .project-scroll-stage{height:680px;min-height:680px;margin-top:98px}.portfolio.section-wrap .project-card{width:min(88vw,430px);height:clamp(470px,115vw,560px)}.portfolio.section-wrap .case-file-heading{top:17px;right:16px;left:16px;font-size:8px}.portfolio.section-wrap .project-number{font-size:clamp(190px,54vw,260px)}.portfolio.section-wrap .case-file-meta{right:17px;bottom:50px;left:17px}.portfolio.section-wrap .case-file-project-title h3{font-size:clamp(23px,6.8vw,32px)}.portfolio.section-wrap .case-file-footer{right:-8px;bottom:22px;font-size:9px}.portfolio.section-wrap .portfolio-gallery-controls{bottom:8px;gap:7px}.portfolio.section-wrap .portfolio-scroll-hint{font-size:9px}.portfolio.section-wrap .portfolio-scroll-progress{right:5%;bottom:-18px;left:5%}.portfolio.section-wrap .portfolio-endnote{font-size:10px}}.portfolio.section-wrap .project-card.is-active{perspective:1200px}.portfolio.section-wrap .project-card.is-active .case-file-paper{transform-style:preserve-3d;backface-visibility:hidden;animation:posterPaperTurn .82s cubic-bezier(.2,.8,.2,1) both}.portfolio.section-wrap .case-file-project-title>span,.portfolio.section-wrap .case-file-category>span{color:color-mix(in srgb,var(--red) 78%,var(--ink))}.portfolio.section-wrap .case-file-category strong{color:var(--red);border-color:color-mix(in srgb,var(--red) 35%,var(--ink));background:color-mix(in srgb,var(--red) 10%,var(--portfolio-card-face))}@keyframes posterPaperTurn{0%{opacity:.5;transform:perspective(1200px) rotateY(-72deg) rotate(-4deg) scale(.94);filter:brightness(.8)}52%{opacity:1;transform:perspective(1200px) rotateY(9deg) rotate(1deg) scale(1.015);filter:brightness(1.08)}to{opacity:1;transform:perspective(1200px) rotateY(0) rotate(0) scale(1);filter:brightness(1)}}.portfolio.section-wrap .portfolio-flip-wash{position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;pointer-events:none;transform-origin:50% 50%;background:linear-gradient(90deg,transparent 14%,#4f030bd9 48%,#f3dadaaa 50%,#4f030bd9 53%,transparent 88%);animation:portfolioSceneTurn .82s cubic-bezier(.2,.8,.2,1) both}@keyframes portfolioSceneTurn{0%{opacity:0;transform:perspective(1400px) rotateY(-80deg) scaleX(.55)}44%{opacity:.52;transform:perspective(1400px) rotateY(0) scaleX(1)}to{opacity:0;transform:perspective(1400px) rotateY(80deg) scaleX(.55)}}.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-image>.project-hover-video{position:absolute;z-index:1;top:41%;left:50%;display:block;width:82%;height:39%;object-fit:cover;border:9px solid #fff;border-radius:1px;background:#28050a;box-shadow:0 12px 26px #43040b35;transform:translate(-50%,-50%) rotate(-1deg)}.portfolio.section-wrap .project-image>.project-hover-video{z-index:2}.portfolio.section-wrap .project-number{z-index:0;top:45%;opacity:.17;transform:translate(-50%,-50%) rotate(-2deg)}.portfolio.section-wrap .project-play{position:absolute;z-index:4;top:41%;right:auto;bottom:auto;left:50%;display:grid;width:58px;height:58px;place-items:center;color:#fff;border:1px solid #ffffffa6;border-radius:50%;background:#8d0a16d9;box-shadow:0 5px 16px #33040a66;transform:translate(-50%,-50%)}.portfolio.section-wrap .project-card:hover .project-play{color:#8d0a16;background:#fff;transform:translate(-50%,-50%) scale(1.08)}@media(max-width:650px){.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-image>.project-hover-video{top:40%;width:84%;height:37%;border-width:7px}.portfolio.section-wrap .project-play{top:40%;width:48px;height:48px}.portfolio.section-wrap .portfolio-flip-wash{background:linear-gradient(90deg,transparent 2%,#4f030be8 47%,#f3dadaaa 50%,#4f030be8 53%,transparent 98%)}}.portfolio.section-wrap .portfolio-flip-wash{display:none}.portfolio.section-wrap .project-card{transition:left 1.05s cubic-bezier(.22,.72,.18,1),transform 1.05s cubic-bezier(.22,.72,.18,1),opacity .65s ease,filter .65s ease;will-change:left,transform,opacity}.portfolio.section-wrap .project-card.is-orbit-visible{opacity:.58}.portfolio.section-wrap .project-card[data-orbit-offset="-2"]{opacity:.22}.portfolio.section-wrap .project-card[data-orbit-offset="-1"],.portfolio.section-wrap .project-card[data-orbit-offset="1"]{opacity:.62}.portfolio.section-wrap .project-card.is-active{z-index:8;opacity:1}.portfolio.section-wrap .project-card.is-active .case-file-paper{animation:none;transform:none;transform-style:flat;backface-visibility:visible}.portfolio.section-wrap .case-file-paper{overflow:visible;transition:box-shadow .65s ease}.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-image>.project-hover-video{top:0;left:0;width:100%;height:55%;border:0;border-bottom:8px solid #fff;border-radius:0;box-shadow:none;object-fit:cover;transform:none}.portfolio.section-wrap .case-file-heading{top:18px;right:18px;left:18px;width:auto;padding:8px 10px;color:#fff;border:0;background:#71040cbd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.portfolio.section-wrap .project-number{top:70%;color:#8d0a16;font-size:clamp(88px,15vw,170px);opacity:.12;z-index:0}.portfolio.section-wrap .project-play{top:27.5%}.portfolio.section-wrap .case-file-meta{bottom:52px}.portfolio.section-wrap .case-file-project-title h3{margin-bottom:8px}@media(max-width:650px){.portfolio.section-wrap .project-card{transition-duration:.9s}.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-image>.project-hover-video{height:53%;border-bottom-width:6px}.portfolio.section-wrap .case-file-heading{top:13px;right:13px;left:13px;padding:7px}.portfolio.section-wrap .project-number{top:67%;font-size:clamp(90px,28vw,136px)}.portfolio.section-wrap .project-play{top:26.5%}.portfolio.section-wrap .case-file-meta{bottom:48px}}.portfolio.section-wrap .project-card{transform:perspective(1500px) translate(-50%,-50%) rotateY(var(--orbit-tilt, 0deg)) rotate(var(--orbit-rotation)) scale(var(--orbit-scale));transform-origin:50% 50%;transition:left 1.25s cubic-bezier(.18,.76,.2,1),top 1.25s cubic-bezier(.18,.76,.2,1),transform 1.25s cubic-bezier(.18,.76,.2,1),opacity .8s ease,filter .8s ease;backface-visibility:hidden;will-change:left,top,transform,opacity}.portfolio.section-wrap .project-card.is-orbit-visible{opacity:.74;filter:saturate(.84) brightness(.94)}.portfolio.section-wrap .project-card[data-orbit-offset="-2"],.portfolio.section-wrap .project-card[data-orbit-offset="2"]{opacity:.42}.portfolio.section-wrap .project-card[data-orbit-offset="-1"],.portfolio.section-wrap .project-card[data-orbit-offset="1"]{opacity:.78}.portfolio.section-wrap .project-card.is-active{opacity:1;filter:saturate(1) brightness(1)}.portfolio.section-wrap .project-card.is-active .case-file-paper{animation:portfolioCardLanding .78s cubic-bezier(.2,.8,.2,1) both}@keyframes portfolioCardLanding{0%{filter:brightness(.84) saturate(.88);box-shadow:0 10px 26px #30030935,0 2px #d9d1c9}62%{filter:brightness(1.07) saturate(1.04);box-shadow:0 32px 68px #30030978,0 3px #d9d1c9}to{filter:brightness(1) saturate(1);box-shadow:0 28px 60px #30030970,0 3px #d9d1c9}}@media(max-width:650px){.portfolio.section-wrap .project-card{transition-duration:1.05s}}.portfolio.section-wrap{--poster-red: #00a873;--poster-deep: #003b2d;background-color:#006848;background-image:linear-gradient(90deg,transparent 0 14.8%,#d4ffed1c 15%,transparent 15.2% 84.8%,#d4ffed16 85%,transparent 85.2%),linear-gradient(0deg,transparent 0 20.8%,#d4ffed18 21%,transparent 21.2% 78.8%,#d4ffed14 79%,transparent 79.2%),radial-gradient(ellipse at 52% 43%,#19eda37a,transparent 39%),linear-gradient(135deg,#009e68,#006448 48%,#003b2d)}.portfolio.section-wrap:before,.portfolio.section-wrap:after{color:#00312666}.portfolio.section-wrap>.section-kicker{border-color:#e2fff34a}.portfolio.section-wrap>.section-kicker span:last-child{color:#d4ffed}.portfolio.section-wrap>.filter-row button{border-color:#caffeb70;background:#003b2dd9}.portfolio.section-wrap>.filter-row button.filter-active{color:#005c41;border-color:#ecfff7;background:#ecfff7}.portfolio.section-wrap .project-scroll-stage{background:radial-gradient(ellipse at 50% 46%,#28f0ac33,transparent 58%)}.portfolio.section-wrap .case-file-paper{overflow:hidden;border:1px solid #dffff0c7;border-radius:38px;color:#f5fff9;background:linear-gradient(155deg,#07885f,#00553d 58%,#003c2e);box-shadow:0 26px 62px #001c1566,inset 0 0 0 8px #f4fff314;transition:box-shadow .55s ease,border-color .55s ease}.portfolio.section-wrap .case-file-paper:before,.portfolio.section-wrap .case-file-paper:after{display:none}.portfolio.section-wrap .project-card.is-active .case-file-paper{border-color:#f4fff4;box-shadow:0 32px 76px #001c157a,0 0 42px #3fffc14a,inset 0 0 0 8px #f4fff321}.portfolio.section-wrap .case-file-heading{top:17px;right:20px;left:20px;color:#effff7;border-bottom-color:#ffffff52;background:#004b38c9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 1px 8px #00291d8c}.portfolio.section-wrap .project-image{overflow:hidden;border-radius:36px 36px 0 0;background:linear-gradient(145deg,#0ac784,#006448 55%,#003a2d)}.portfolio.section-wrap .project-image:before{content:"";position:absolute;z-index:3;top:8%;left:50%;width:78%;height:49%;border:5px solid #effff5e6;border-radius:48px;box-shadow:0 0 35px #b1ffdf5c,inset 0 0 24px #001f1640;transform:translate(-50%);pointer-events:none}.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-image>.project-hover-video{display:block;top:0;left:0;width:100%;height:58%;border:0;border-bottom:3px solid #87ffd1;border-radius:0;object-fit:cover;transform:none}.portfolio.section-wrap .project-image:after{content:"";position:absolute;z-index:2;top:0;right:0;bottom:42%;left:0;display:block;background:linear-gradient(180deg,#002e2170,transparent 32%,#003b2d1f 70%,#004732b8 100%);pointer-events:none}.portfolio.section-wrap .project-number{z-index:4;top:33%;color:#f4fff8;font:900 clamp(180px,26vw,300px)/.8 var(--display);letter-spacing:-.1em;opacity:.86;text-shadow:0 4px 20px #003b2d80}.portfolio.section-wrap .project-play{z-index:5;top:29%;color:#00462f;border:2px solid #f5fff8;background:#f5fff8e8;box-shadow:0 8px 28px #00281f63}.portfolio.section-wrap .case-file-meta{bottom:58px;border-top-color:#71efbc}.portfolio.section-wrap .case-file-project-title>span,.portfolio.section-wrap .case-file-category>span{color:#9bffd4}.portfolio.section-wrap .case-file-project-title h3{color:#f5fff9}.portfolio.section-wrap .case-file-category strong{color:#b6ffe0;border:1px solid #c5ffe05c;border-radius:999px;background:#003d2d66}.portfolio.section-wrap .case-file-footer{color:#003d2d;border-radius:999px;background:#74ffc3;box-shadow:0 7px 20px #002b1d52}.portfolio.section-wrap .case-file-footer svg{color:#003d2d}.portfolio.section-wrap .portfolio-gallery-arrow{color:#eafff5;border-color:#d3ffeb88;background:#003b2dc9}.portfolio.section-wrap .portfolio-gallery-arrow:hover:not(:disabled){color:#00583d;border-color:#edfff6;background:#edfff6}.portfolio.section-wrap .portfolio-scroll-hint,.portfolio.section-wrap .portfolio-scroll-count{color:#ddfff0}.portfolio.section-wrap .portfolio-progress-track{background:#e5fff27a}.portfolio.section-wrap .portfolio-progress-track>span{background:#81ffc7}.portfolio.section-wrap .portfolio-endnote{color:#c9ffe6;border-color:#d8fff04a}.portfolio.section-wrap .portfolio-endnote a{color:#fff}@media(max-width:650px){.portfolio.section-wrap .case-file-paper{border-radius:30px}.portfolio.section-wrap .project-image{border-radius:29px 29px 0 0}.portfolio.section-wrap .project-image:before{border-width:4px;border-radius:38px}.portfolio.section-wrap .project-number{top:32%}}.portfolio.section-wrap{color:var(--ink);background-color:var(--paper);background-image:linear-gradient(90deg,transparent 0 14.8%,color-mix(in srgb,var(--ink) 9%,transparent) 15%,transparent 15.2% 84.8%,color-mix(in srgb,var(--ink) 7%,transparent) 85%,transparent 85.2%),linear-gradient(0deg,transparent 0 20.8%,color-mix(in srgb,var(--ink) 8%,transparent) 21%,transparent 21.2% 78.8%,color-mix(in srgb,var(--ink) 6%,transparent) 79%,transparent 79.2%),radial-gradient(ellipse at 52% 43%,color-mix(in srgb,var(--ink) 5%,transparent),transparent 45%)}.portfolio.section-wrap>.section-kicker{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 24%,transparent)}.portfolio.section-wrap>.section-kicker span:first-child:before{border-color:currentColor}.portfolio.section-wrap>.section-kicker span:last-child{color:color-mix(in srgb,var(--ink) 72%,transparent)}.portfolio.section-wrap>.filter-row button{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 35%,transparent);background:color-mix(in srgb,var(--paper) 84%,var(--ink))}.portfolio.section-wrap>.filter-row button.filter-active{color:var(--paper);border-color:var(--ink);background:var(--ink)}.portfolio.section-wrap .project-scroll-stage{background:radial-gradient(ellipse at 50% 46%,color-mix(in srgb,var(--ink) 7%,transparent),transparent 58%)}.portfolio.section-wrap .portfolio-gallery-controls{color:var(--ink)}.portfolio.section-wrap .portfolio-scroll-hint,.portfolio.section-wrap .portfolio-scroll-count{color:color-mix(in srgb,var(--ink) 76%,transparent)}.portfolio.section-wrap .portfolio-gallery-arrow{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 32%,transparent);background:color-mix(in srgb,var(--paper) 88%,var(--ink))}.portfolio.section-wrap .portfolio-gallery-arrow:hover:not(:disabled){color:var(--paper);border-color:var(--ink);background:var(--ink)}.portfolio.section-wrap .portfolio-progress-track{background:color-mix(in srgb,var(--ink) 22%,transparent)}.portfolio.section-wrap .portfolio-progress-track>span{background:var(--ink)}.portfolio.section-wrap .portfolio-endnote{color:color-mix(in srgb,var(--ink) 76%,transparent);border-color:color-mix(in srgb,var(--ink) 24%,transparent)}.portfolio.section-wrap .portfolio-endnote a{color:var(--ink)}.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-image>.project-hover-video{top:8%;left:50%;width:min(64%,280px);height:49%;border:0;border-radius:42px;object-fit:cover;transform:translate(-50%)}.portfolio.section-wrap .project-image:before{top:8%;left:50%;width:min(64%,280px);height:49%;border:5px solid #effff5e6;border-radius:48px;transform:translate(-50%)}@media(max-width:650px){.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-image>.project-hover-video{border-radius:38px}.portfolio.section-wrap .project-image:before{border-radius:42px}}.portfolio.section-wrap:before,.portfolio.section-wrap:after{display:none}.portfolio.section-wrap .project-card{width:clamp(170px,27vw,295px);height:clamp(250px,28.5vw,320px)}.portfolio.section-wrap .case-file-heading{display:none}.portfolio.section-wrap .case-file-paper{border-radius:28px;box-shadow:0 18px 42px #001c1566,inset 0 0 0 4px #f4fff314}.portfolio.section-wrap .project-card.is-active .case-file-paper{box-shadow:0 24px 54px #001c157a,0 0 30px #3fffc139,inset 0 0 0 4px #f4fff321}.portfolio.section-wrap .project-image{top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:28px}.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-image>.project-hover-video{top:2%;left:3%;width:94%;height:96%;border:0;border-radius:22px;object-fit:cover;transform:none}.portfolio.section-wrap .project-image:before{display:none}.portfolio.section-wrap .project-image:after{top:2%;right:3%;bottom:2%;left:3%;width:94%;height:96%;border-radius:22px;background:linear-gradient(180deg,#002d1b00 52%,#00291fd9)}.portfolio.section-wrap .project-number{top:9%;right:9%;left:auto;z-index:4;display:grid;width:32px;height:32px;place-items:center;padding:0;color:#fff;border:1px solid #ffffffdc;border-radius:50%;background:#004a37d9;font:700 11px/1 var(--mono);letter-spacing:0;opacity:1;text-shadow:none;transform:none}.portfolio.section-wrap .project-play{top:50%;width:44px;height:44px}.portfolio.section-wrap .case-file-meta{right:9%;bottom:13%;left:9%;padding-top:8px;border-top-width:1px}.portfolio.section-wrap .case-file-project-title h3{margin:0 0 5px;font-size:clamp(13px,1.6vw,19px);line-height:1.15}.portfolio.section-wrap .case-file-category strong{padding:3px 8px;font-size:9px}.portfolio.section-wrap .case-file-footer{right:7%;bottom:4%;gap:4px;padding:4px 8px;font-size:8px}@media(max-width:650px){.portfolio.section-wrap .project-card{width:min(44vw,215px);height:clamp(235px,57.5vw,280px)}.portfolio.section-wrap .case-file-paper,.portfolio.section-wrap .project-image{border-radius:22px}.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-image>.project-hover-video,.portfolio.section-wrap .project-image:after{border-radius:17px}.portfolio.section-wrap .project-number{width:28px;height:28px;font-size:10px}.portfolio.section-wrap .project-play{width:38px;height:38px}.portfolio.section-wrap .case-file-meta{bottom:14%}}.portfolio.section-wrap .project-card{width:clamp(190px,24vw,290px);height:clamp(190px,24vw,290px);aspect-ratio:1}.portfolio.section-wrap .case-file-paper{width:100%;height:100%;border:1px solid #e6fff0d9;border-radius:28px;background:linear-gradient(145deg,#087e59,#003b2d);box-shadow:0 18px 42px #001c1566,inset 0 0 0 5px #f4fff31c}.portfolio.section-wrap .project-image{top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:28px;background:linear-gradient(135deg,#08a870,#004632)}.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-image>.project-hover-video{top:5%;left:5%;width:90%;height:90%;border:0;border-radius:22px;object-fit:cover;transform:none}.portfolio.section-wrap .project-image:before{position:absolute;z-index:3;top:5%;left:5%;display:block;width:90%;height:90%;border:4px solid #effff5e6;border-radius:24px;box-shadow:0 0 28px #b1ffdf42;transform:none;pointer-events:none}.portfolio.section-wrap .project-image:after{top:5%;right:5%;bottom:5%;left:5%;width:90%;height:90%;border-radius:22px;background:linear-gradient(180deg,#002d1b15 46%,#00291fcf)}.portfolio.section-wrap .project-number{top:11%;right:11%;width:30px;height:30px}.portfolio.section-wrap .project-play{top:50%}.portfolio.section-wrap .case-file-meta{z-index:4;right:11%;bottom:11%;left:11%;padding-top:9px;border-top:1px solid #adffd7}.portfolio.section-wrap .case-file-project-title h3{margin:0 0 5px;font-size:clamp(13px,1.6vw,18px);text-shadow:0 1px 8px #00291d8c}.portfolio.section-wrap .case-file-category strong{padding:3px 8px}@media(max-width:650px){.portfolio.section-wrap .project-card{width:min(56vw,220px);height:min(56vw,220px)}.portfolio.section-wrap .case-file-paper,.portfolio.section-wrap .project-image{border-radius:22px}.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-image>.project-hover-video,.portfolio.section-wrap .project-image:after{border-radius:17px}.portfolio.section-wrap .project-image:before{border-width:3px;border-radius:19px}.portfolio.section-wrap .project-number{width:27px;height:27px;font-size:9px}.portfolio.section-wrap .case-file-meta{bottom:11%}}.portfolio.section-wrap .project-card{width:clamp(210px,25vw,300px);height:clamp(270px,32vw,390px)}.portfolio.section-wrap .case-file-paper{overflow:hidden;padding:0;border:1px solid #72dcb588;border-radius:30px;background:radial-gradient(ellipse at 50% 48%,#12b77b52,transparent 48%),linear-gradient(155deg,#007d55,#00533d 58%,#003a2d);box-shadow:0 24px 52px #001c1566,inset 0 0 0 7px #b6ffe20c}.portfolio.section-wrap .project-card:hover .case-file-paper,.portfolio.section-wrap .project-card.is-active .case-file-paper{background:radial-gradient(ellipse at 50% 48%,#12b77b52,transparent 48%),linear-gradient(155deg,#007d55,#00533d 58%,#003a2d);box-shadow:0 28px 60px #001c1578,inset 0 0 0 7px #b6ffe218}.portfolio.section-wrap .case-file-paper:before{content:"";position:absolute;z-index:0;top:-6%;right:-15%;bottom:-6%;left:-15%;display:block;border-radius:36px;background:linear-gradient(90deg,transparent 0 23%,#8affd111 23.5% 24%,transparent 24.5% 76%,#8affd10c 76.5% 77%,transparent 77.5%),linear-gradient(0deg,transparent 0 24%,#8affd10d 24.5% 25%,transparent 25.5% 75%,#8affd10c 75.5% 76%,transparent 76.5%);pointer-events:none}.portfolio.section-wrap .case-file-heading{position:absolute;z-index:4;top:7%;right:11%;left:11%;display:flex;padding:0 0 8px;color:#eafff4;border:0;border-bottom:1px solid #c9ffe348;background:transparent;font-size:9px;letter-spacing:.1em}.portfolio.section-wrap .project-image{top:17%;right:auto;bottom:auto;left:50%;width:76%;height:auto;aspect-ratio:1;overflow:hidden;border:0;border-radius:27px;background:linear-gradient(145deg,#0bac73,#004b36);box-shadow:0 14px 34px #002c2054;transform:translate(-50%)}.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-image>.project-hover-video{top:4%;left:4%;width:92%;height:92%;border:0;border-radius:20px;object-fit:cover;transform:none}.portfolio.section-wrap .project-image:before{top:4%;left:4%;width:92%;height:92%;border:4px solid #effff5e6;border-radius:22px;box-shadow:0 0 28px #b1ffdf4d,inset 0 0 20px #002e2140;transform:none}.portfolio.section-wrap .project-image:after{top:4%;right:4%;bottom:4%;left:4%;width:92%;height:92%;border-radius:20px;background:linear-gradient(180deg,#002d1b05 45%,#00291f9c)}.portfolio.section-wrap .project-number{top:10%;right:10%;left:auto;width:29px;height:29px;color:#f5fff8;border:1px solid #ffffffdc;border-radius:50%;background:#00503bd9;font:700 10px/1 var(--mono);opacity:1;text-shadow:none;transform:none}.portfolio.section-wrap .project-play{top:50%;width:42px;height:42px;color:#00462f;border:1px solid #f5fff8;background:#f5fff8e8}.portfolio.section-wrap .case-file-meta{top:auto;right:12%;bottom:9%;left:12%;padding:0;border:0;text-align:center}.portfolio.section-wrap .case-file-project-title>span,.portfolio.section-wrap .case-file-category>span{display:none}.portfolio.section-wrap .case-file-project-title h3{margin:0 0 4px;color:#f5fff9;font-size:clamp(15px,1.7vw,20px);line-height:1.15;text-align:center;text-wrap:balance}.portfolio.section-wrap .case-file-category{display:flex;justify-content:center}.portfolio.section-wrap .case-file-category strong{padding:0;color:#42ffc0;border:0;border-radius:0;background:transparent;font-size:10px;font-weight:700}.portfolio.section-wrap .case-file-footer{display:none}@media(max-width:650px){.portfolio.section-wrap .project-card{width:min(64vw,250px);height:min(82vw,320px)}.portfolio.section-wrap .case-file-paper{border-radius:26px}.portfolio.section-wrap .case-file-heading{font-size:8px}.portfolio.section-wrap .project-image{top:17%;width:76%;border-radius:23px}.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-image>.project-hover-video,.portfolio.section-wrap .project-image:after{border-radius:17px}.portfolio.section-wrap .project-image:before{border-width:3px;border-radius:19px}.portfolio.section-wrap .project-number{width:25px;height:25px;font-size:9px}.portfolio.section-wrap .case-file-project-title h3{font-size:clamp(14px,4vw,17px)}}.portfolio.section-wrap{--portfolio-card-face: var(--surface);--portfolio-card-line: color-mix(in srgb, var(--ink) 20%, transparent);--portfolio-frame: color-mix(in srgb, var(--ink) 28%, var(--surface))}.portfolio.section-wrap .case-file-paper{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 22%,var(--surface));background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 78%,var(--paper)),var(--surface) 72%);box-shadow:0 22px 48px color-mix(in srgb,var(--ink) 18%,transparent),inset 0 0 0 5px color-mix(in srgb,var(--ink) 4%,transparent)}.portfolio.section-wrap .project-card.is-active .case-file-paper{border-color:color-mix(in srgb,var(--red) 42%,var(--surface));box-shadow:0 26px 58px color-mix(in srgb,var(--ink) 23%,transparent),inset 0 0 0 5px color-mix(in srgb,var(--ink) 5%,transparent)}.portfolio.section-wrap .case-file-paper:before{background:linear-gradient(90deg,transparent 0 23%,color-mix(in srgb,var(--ink) 6%,transparent) 23.5% 24%,transparent 24.5% 76%,color-mix(in srgb,var(--ink) 5%,transparent) 76.5% 77%,transparent 77.5%),linear-gradient(0deg,transparent 0 24%,color-mix(in srgb,var(--ink) 5%,transparent) 24.5% 25%,transparent 25.5% 75%,color-mix(in srgb,var(--ink) 5%,transparent) 75.5% 76%,transparent 76.5%)}.portfolio.section-wrap .case-file-heading{color:color-mix(in srgb,var(--ink) 74%,transparent);border-bottom-color:var(--portfolio-card-line);background:color-mix(in srgb,var(--portfolio-card-face) 78%,transparent)}.portfolio.section-wrap .project-image{background:var(--paper);box-shadow:0 14px 34px color-mix(in srgb,var(--ink) 18%,transparent)}.portfolio.section-wrap .project-image:before{border-color:var(--portfolio-frame);box-shadow:0 0 20px color-mix(in srgb,var(--ink) 12%,transparent),inset 0 0 16px color-mix(in srgb,var(--ink) 12%,transparent)}.portfolio.section-wrap .project-image:after{background:linear-gradient(180deg,transparent 48%,color-mix(in srgb,var(--ink) 52%,transparent) 100%)}.portfolio.section-wrap .project-number{color:#fff;border-color:color-mix(in srgb,var(--red) 72%,var(--paper));background:var(--red);box-shadow:0 3px 12px color-mix(in srgb,var(--ink) 25%,transparent)}.portfolio.section-wrap .project-play{color:#fff;border-color:color-mix(in srgb,var(--red) 72%,var(--paper));background:var(--red);box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 34%,transparent)}.portfolio.section-wrap .case-file-project-title h3{color:var(--ink)}.portfolio.section-wrap .case-file-category strong{color:var(--red)}.portfolio.section-wrap .project-card:hover .case-file-paper,.portfolio.section-wrap .project-card.is-active .case-file-paper{color:var(--ink);border-color:color-mix(in srgb,var(--red) 42%,var(--surface));background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 78%,var(--paper)),var(--surface) 72%);box-shadow:0 26px 58px color-mix(in srgb,var(--ink) 23%,transparent),inset 0 0 0 5px color-mix(in srgb,var(--ink) 5%,transparent)}.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-image>.project-hover-video{border:7px solid var(--portfolio-frame);background:var(--portfolio-card-face);box-shadow:0 12px 26px color-mix(in srgb,var(--ink) 26%,transparent)}html[data-theme=dark] .portfolio.section-wrap{--portfolio-card-face: #292927;--portfolio-card-line: #f4f0e83d;--portfolio-frame: color-mix(in srgb, var(--ink) 48%, var(--surface))}html[data-theme=dark] .portfolio.section-wrap .case-file-paper,html[data-theme=dark] .portfolio.section-wrap .project-card:hover .case-file-paper,html[data-theme=dark] .portfolio.section-wrap .project-card.is-active .case-file-paper{color:#f4f0e8;border-color:var(--portfolio-card-line);background:linear-gradient(145deg,#30302e,#242422 72%);box-shadow:0 24px 52px #0009,inset 0 0 0 5px #f4f0e80a}html[data-theme=dark] .portfolio.section-wrap .project-card.is-active .case-file-paper{border-color:color-mix(in srgb,var(--ink) 38%,var(--surface));box-shadow:0 28px 58px #000b,inset 0 0 0 5px #f4f0e80d}html[data-theme=dark] .portfolio.section-wrap .case-file-heading{color:#c9c5bd}html[data-theme=dark] .portfolio.section-wrap .case-file-project-title h3{color:#f4f0e8}html[data-theme=dark] .portfolio.section-wrap .project-image{background:#111}html[data-theme=dark] .portfolio.section-wrap .project-image:before{border-color:var(--portfolio-frame);box-shadow:0 0 18px #f4f0e814,inset 0 0 15px #0007}html[data-theme=dark] .portfolio.section-wrap .project-image>img,html[data-theme=dark] .portfolio.section-wrap .project-image>.project-hover-video{border-color:var(--portfolio-frame);background:#111;box-shadow:0 12px 26px #0009}html[data-theme=dark] .portfolio.section-wrap .project-number{opacity:1}.portfolio.section-wrap:before{content:attr(data-current-number);position:absolute;z-index:-1;top:48%;left:50%;display:block;width:max-content;height:auto;color:color-mix(in srgb,var(--ink) 8%,transparent);font-family:var(--display, "DM Sans", sans-serif);font-size:clamp(320px,92vw,920px);font-weight:900;line-height:.78;letter-spacing:-.08em;pointer-events:none;transform:translate(-50%,-50%)}.portfolio.section-wrap:after{display:none}.portfolio.section-wrap{background-image:repeating-linear-gradient(90deg,transparent 0 139px,color-mix(in srgb,var(--ink) 6%,transparent) 139px 140px),repeating-linear-gradient(0deg,transparent 0 139px,color-mix(in srgb,var(--ink) 6%,transparent) 139px 140px),radial-gradient(ellipse at 52% 43%,color-mix(in srgb,var(--ink) 5%,transparent),transparent 45%)}.color-theme-picker{position:relative;flex:0 0 auto}.color-theme-toggle{width:36px;min-width:36px;height:36px;padding:0;border:1px solid var(--line);color:var(--ink);background:var(--surface);box-shadow:2px 3px color-mix(in srgb,var(--ink) 12%,transparent)}.color-theme-toggle:hover,.color-theme-toggle[aria-expanded=true]{border-color:var(--red);color:var(--red);background:var(--paper)}.color-theme-panel{position:absolute;z-index:40;top:calc(100% + 12px);inset-inline-end:0;width:min(276px,calc(100vw - 28px));padding:12px;border:1px solid var(--line);color:var(--ink);background:var(--surface);box-shadow:6px 8px color-mix(in srgb,var(--ink) 14%,transparent),0 18px 36px #0002;transform:rotate(-1deg);animation:color-panel-in .16s ease-out both}.color-theme-heading{display:block;margin-bottom:9px;color:color-mix(in srgb,var(--ink) 70%,transparent);font:600 8px var(--mono);letter-spacing:.12em}.color-theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.color-theme-option{min-width:0;min-height:37px;display:flex;align-items:center;gap:7px;padding:5px 7px;border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);color:var(--ink);background:color-mix(in srgb,var(--paper) 70%,var(--surface));text-align:start;font-size:10px;transition:border-color .18s,transform .18s,background .18s}.color-theme-option:hover{border-color:var(--red);transform:translateY(-1px)}.color-theme-option.is-selected{border-color:var(--red);background:var(--paper)}.color-theme-option>span:nth-child(2){flex:1}.color-theme-option>svg{color:var(--red)}.color-theme-swatches{display:inline-flex;flex:0 0 auto;align-items:center;padding-inline-start:2px}.color-theme-swatches i{width:11px;height:11px;display:block;border:1px solid color-mix(in srgb,var(--ink) 26%,transparent);border-radius:50%}.color-theme-swatches i+i{margin-inline-start:-4px}.color-theme-option:focus-visible,.color-theme-toggle:focus-visible{outline:2px solid var(--red);outline-offset:2px}@keyframes color-panel-in{0%{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}@media(max-width:650px){.color-theme-toggle{width:32px;min-width:32px;height:32px}.color-theme-panel{top:calc(100% + 10px);padding:10px}.color-theme-options{gap:5px}.color-theme-option{min-height:35px;gap:6px;padding-inline:6px;font-size:9px}}