@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Italiana&display=swap');
:root{--bg:#0b0a0b;--panel:#131113;--text:#f2eeea;--muted:#aaa2a0;--dim:#716a6b;--line:#342d31;--accent:#c0a6a0;--wine:#4a1726;--serif:'Italiana',Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;font-weight:400;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #f3d6cd;outline-offset:5px}::selection{background:#71354b;color:#fff}
.gateway-body{height:100%;min-height:100svh;overflow-x:hidden}.gateway{min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;position:relative;isolation:isolate;padding:31px max(5vw,25px);overflow:hidden;background:radial-gradient(ellipse at 52% 43%,#251118 0%,transparent 40%),#0a090b}.gateway:before,.hero-section:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.17;pointer-events:none;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='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}.gateway-art{position:absolute;inset:0;z-index:-2;pointer-events:none}.gateway-orb{position:absolute;left:50%;top:46%;width:min(80vw,680px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 43% 44%,#581e35 2%,#260c1b 28%,#09080a 59%,transparent 71%);box-shadow:0 0 170px #3f102c66}.gateway-slice{position:absolute;left:50%;top:44%;width:2px;height:95vh;transform:translate(-50%,-50%) rotate(42deg);background:linear-gradient(transparent,#9f415069,transparent);filter:blur(1.2px)}.gateway-top,.gateway-bottom{display:flex;justify-content:space-between;gap:20px}.smallcaps{font-size:9px;letter-spacing:.25em;font-weight:500;color:#93888a}.gateway-content{text-align:center;margin:9vh 0 11vh}.gateway-overline{font-size:11px;letter-spacing:.43em;color:#d3b9bd}.gateway-logo{font-family:var(--serif);font-size:clamp(48px,9.2vw,143px);font-weight:400;letter-spacing:-.066em;line-height:1.07;margin:26px auto 6px;white-space:nowrap;text-shadow:0 5px 55px #0008}.gateway-logo span,.brand span,.footer-brand span{color:#b66a75}.gateway-tagline{font-size:11px;letter-spacing:.4em;color:#d9c9c9}.star{color:#9e5a6d;padding:0 9px}.gateway-rule{height:1px;width:170px;margin:49px auto 30px;background:linear-gradient(90deg,transparent,#7d626a,transparent)}.language-label{font-size:10px;letter-spacing:.21em;color:#c3afb1;margin-bottom:20px}.language-label span{opacity:.35;padding:0 10px}.language-choices{display:flex;justify-content:center;gap:12px}.language-choice{border:1px solid #65515c;display:flex;align-items:center;justify-content:space-between;width:220px;padding:20px 18px 20px 25px;font-size:11px;letter-spacing:.24em;transition:.25s background,.25s border-color,.25s transform;background:#180f158c}.language-choice:hover{background:#3f1b2b;border-color:#b5979f;transform:translateY(-3px)}.choice-arrow{font-size:19px;font-weight:300;letter-spacing:0}.container{width:min(1300px,calc(100% - 9vw));margin:0 auto}.portfolio-body{overflow-x:hidden}.skip-link{position:absolute;left:0;top:-100px;z-index:100;background:#fff;color:#000;padding:12px}.skip-link:focus{top:0}.site-header{position:sticky;top:0;z-index:50;background:#0d0b0ddf;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff17;display:flex;align-items:center;justify-content:space-between;min-height:79px;padding:0 4.5vw;gap:30px}.brand,.footer-brand{font-family:var(--serif);font-weight:400;font-size:25px;letter-spacing:-.04em;white-space:nowrap}.desktop-nav,.header-actions,.footer-links{display:flex;align-items:center;gap:28px}.desktop-nav a,.locale-control,.header-cta,.footer-links a{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#c9c0bf;transition:color .2s}.desktop-nav a:hover,.footer-links a:hover{color:white}.header-actions{gap:20px}.locale-control{white-space:nowrap}.locale-div{color:#655e62;padding:0 3px}.locale-inactive{opacity:.5}.header-cta{border:1px solid #766469;padding:13px 16px;color:#fff;white-space:nowrap}.header-cta span{margin-left:13px}.header-cta:hover{background:#412432}.menu-toggle{display:none;background:transparent;border:0;color:#fff;width:35px;height:35px;padding:8px;cursor:pointer}.menu-toggle span{display:block;height:1px;background:#e6d9d9;margin:6px 0;transition:transform .3s}.mobile-menu{display:none}.hero-section{min-height:calc(100svh - 79px);display:flex;flex-direction:column;justify-content:space-between;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 76% 46%,#30131d 0%,#0b0a0b 48%)}.hero-visual{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.hero-halo{position:absolute;right:-6%;top:-20%;width:min(74vw,1000px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 44% 50%,#873149 0%,#431529 23%,#1c0b14 46%,transparent 68%);opacity:.58;filter:blur(1px);animation:breath 12s ease-in-out infinite}.hero-halo:after{content:'';position:absolute;inset:10%;border-radius:50%;border:1px solid #f5b8c019;box-shadow:0 0 50px #ff9b9b0d}.hero-slash{position:absolute;right:22%;top:-22%;width:1px;height:145%;transform:rotate(36deg);background:linear-gradient(transparent,#d8707870 45%,transparent)}.hero-mark{font-family:var(--serif);position:absolute;right:4%;top:1%;font-size:min(70vw,950px);line-height:1;color:#f7e0db08;transform:rotate(-10deg)}.hero-inner{padding:clamp(95px,15vh,150px) 0 130px;position:relative;z-index:1}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.27em;color:#ad8b90;margin:0 0 23px;text-transform:uppercase}.eyebrow.light{color:#e1c5c5}.hero-inner h1{font-family:var(--serif);font-size:clamp(68px,10vw,152px);line-height:.99;font-weight:400;letter-spacing:-.05em;margin:0;max-width:1050px}.hero-inner h1 em,.section h2 em,.contact-inner h2 em{font-style:normal;color:#cbb9b9}.hero-desc{font-size:16px;color:#d6c5c7;line-height:1.9;max-width:530px;margin:35px 0}.hero-buttons{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.primary-button{display:inline-flex;justify-content:space-between;align-items:center;gap:48px;background:#f0e7e4;color:#141011;padding:19px 22px;font-size:10px;font-weight:700;letter-spacing:.14em;transition:transform .2s,background .2s;min-width:200px}.primary-button:hover{transform:translateY(-3px);background:#fff}.primary-button span{font-size:18px;font-weight:400}.text-button{font-size:10px;letter-spacing:.16em;border-bottom:1px solid #c2abb0;padding:15px 0}.text-button span{margin-left:20px}.text-button:hover{color:white}.hero-footer{position:relative;padding:0 0 32px;display:flex;justify-content:space-between;color:#ac999d;font-size:9px;letter-spacing:.19em}.ticker{border-top:1px solid #34242b;border-bottom:1px solid #34242b;overflow:hidden;color:#c0a6aa;background:#170e12;padding:24px 0}.ticker-track{white-space:nowrap;word-spacing:1em;font-family:var(--serif);font-size:24px;letter-spacing:.13em;width:max-content;animation:scroll 32s linear infinite}@keyframes scroll{to{transform:translateX(-45%)}}@keyframes breath{50%{transform:scale(1.08);filter:blur(4px)}}.section{padding-top:130px;padding-bottom:130px;scroll-margin-top:80px}.section-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:45px;margin-bottom:65px}.section h2,.contact-inner h2{font-family:var(--serif);font-size:clamp(55px,7.1vw,108px);line-height:1.05;letter-spacing:-.055em;font-weight:400;margin:0}.section-intro{line-height:1.95;color:#bcb2b0;font-size:15px;max-width:420px;justify-self:end;margin:0}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px 24px}.project-card{min-width:0}.project-art{height:auto;aspect-ratio:4/5;overflow:hidden;position:relative;border:1px solid #4d4043;display:flex;align-items:center;justify-content:center;isolation:isolate;transition:filter .3s}.project-art:before,.project-art:after{content:'';position:absolute;z-index:-1}.project-art:before{width:94%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#d8bdbe47,#310f230b 66%,transparent 70%);box-shadow:0 0 40px #000}.project-art:after{width:1px;height:120%;top:-10%;transform:rotate(-31deg);background:linear-gradient(transparent,#e2aba27d,transparent)}.project-glyph{font-family:var(--serif);font-size:clamp(130px,17vw,300px);line-height:1;font-weight:400;text-shadow:0 0 90px #f2c2be59;opacity:.85}.project-art-index{position:absolute;top:22px;left:23px;font-size:9px;letter-spacing:.25em;color:#f9efec99}.art-placeholder{position:absolute;bottom:18px;left:23px;right:10px;font-size:8px;letter-spacing:.13em;color:#f5e9e988}.project-thorn .project-art{background:linear-gradient(140deg,#0d0d0e,#3e1b25 48%,#11151c)}.project-siren .project-art{background:linear-gradient(120deg,#08131b,#15515d 49%,#05121d)}.project-death .project-art{background:linear-gradient(150deg,#1a1316,#6b2937 54%,#140d13)}.project-perfume .project-art{background:linear-gradient(160deg,#190a0f,#66333e 40%,#080608)}.project-assassin .project-art{background:linear-gradient(150deg,#16191b,#474b4e 50%,#0d0c12)}.project-veil .project-art{background:linear-gradient(150deg,#120d17,#363143 49%,#100b12)}.project-card:hover .project-art{filter:brightness(1.18)}.project-meta{display:flex;gap:8px;justify-content:space-between;color:#998d90;font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin:19px 0 10px}.project-info h3{font-family:var(--serif);font-size:36px;letter-spacing:-.02em;font-weight:400;margin:0 0 6px}.project-info p{color:#aea3a4;line-height:1.7;margin:0}.works-postscript{font-size:11px;color:#83777b;letter-spacing:.08em;margin:65px 0 0}.services-section{background:#121013;border-top:1px solid #2d2529;border-bottom:1px solid #2d2529}.services-list{border-top:1px solid #53474a}.service-row{display:grid;grid-template-columns:60px minmax(220px,1.15fr) 1fr 30px;gap:24px;align-items:center;padding:33px 0;border-bottom:1px solid #53474a}.service-no{font-family:var(--serif);font-size:20px;color:#a58c91}.service-row h3{font-size:17px;letter-spacing:.08em;font-weight:500;margin:0}.service-row p{margin:0;color:#b2a8aa;font-size:13px;line-height:1.8;max-width:430px}.service-arrow{font-size:24px;color:#ad959a}.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;list-style:none;padding:0;margin:0}.step{padding-top:25px;border-top:1px solid #6a5157}.step-num{font-family:var(--serif);font-size:26px;color:#b29ba0}.step h3{margin:36px 0 13px;font-size:12px;font-weight:600;letter-spacing:.13em}.step p{color:#ab9fa2;line-height:1.85;font-size:13px;margin:0}.terms-panel{margin-top:90px;padding:40px 45px;border:1px solid #5c4750;display:grid;grid-template-columns:1fr 1.3fr;gap:35px;align-items:center;background:radial-gradient(circle at 0 30%,#37141e,#0b0a0b 70%)}.terms-panel h3{font-family:var(--serif);font-size:37px;font-weight:400;margin:0}.terms-panel p{line-height:1.9;color:#c5b7b8;margin:0}.about-section{background:#171217}.about-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:min(10vw,150px)}.about-art{aspect-ratio:5/6;border:1px solid #493b40;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#7c394d,#2b1220 38%,#120e14 70%)}.about-art:after{content:'';width:1px;height:130%;position:absolute;transform:rotate(32deg);background:linear-gradient(transparent,#f6bfc48a,transparent)}.about-script{font-family:var(--serif);font-size:clamp(120px,20vw,340px);color:#f7dfe464}.about-art-bottom{position:absolute;bottom:22px;left:24px;font-size:9px;letter-spacing:.17em;color:#d9c6c7}.about-copy h2{margin-bottom:30px}.about-copy>p:not(.eyebrow){font-size:16px;line-height:2;color:#c6b9bc;max-width:500px}.about-note{display:block;margin-top:48px;color:#ae888f;font-size:10px;line-height:1.8;letter-spacing:.18em}.contact-section{padding:140px 0 130px;position:relative;overflow:hidden;isolation:isolate;background:#1b0e15;scroll-margin-top:80px}.contact-glow{position:absolute;z-index:-1;left:50%;top:0;width:110vw;aspect-ratio:2/1;transform:translate(-50%,-15%);background:radial-gradient(ellipse,#652638a8,transparent 68%)}.contact-inner{text-align:center;max-width:1000px}.contact-inner h2{font-size:clamp(65px,8vw,120px)}.contact-inner>p:not(.eyebrow){color:#dbc5c9;font-size:16px;line-height:1.8;max-width:580px;margin:30px auto 35px}.contact-button{margin:0 auto}.contact-inner .contact-hint{font-size:11px!important;color:#ac989a!important;margin-top:30px!important}.site-footer{padding-top:58px;padding-bottom:35px;display:flex;align-items:center;gap:40px;flex-wrap:wrap}.site-footer>span{font-size:9px;letter-spacing:.17em;color:#85787b;margin-right:auto}.site-footer .footer-links{gap:25px}.copyright{width:100%;border-top:1px solid #31292e;padding-top:30px;color:#857a7a;font-size:9px;letter-spacing:.18em}
@media(max-width:1050px){.desktop-nav{gap:16px}.site-header{gap:13px}.header-actions{gap:12px}.header-cta{padding:12px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-glyph{font-size:250px}.section{padding:100px 0}.hero-inner h1{font-size:clamp(70px,10.5vw,130px)}}
@media(max-width:800px){.site-header{min-height:71px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.mobile-menu{display:flex;flex-direction:column;padding:10px 5vw 30px;background:#171117;position:fixed;top:71px;left:0;right:0;z-index:49;border-bottom:1px solid #47323e;box-shadow:0 22px 55px #0007}.mobile-menu[hidden]{display:none}.mobile-menu a{padding:14px 0;font-size:13px;border-bottom:1px solid #4d3b44}.header-actions{margin-left:auto}.hero-inner{padding:150px 0 110px}.hero-halo{width:140vw;right:-61%;top:10%}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:43px}.section-intro{justify-self:start}.service-row{grid-template-columns:40px 1fr 23px;gap:15px}.service-row p{grid-column:2/3}.service-arrow{grid-column:3;grid-row:1}.steps-grid{grid-template-columns:repeat(2,1fr);gap:45px}.about-layout{grid-template-columns:1fr;gap:60px}.about-art{max-height:600px}.terms-panel{grid-template-columns:1fr}.gateway-logo{font-size:clamp(48px,10vw,100px)}}
@media(max-width:550px){.gateway{padding:24px}.gateway-top,.gateway-bottom{gap:10px}.gateway-top span:last-child,.gateway-bottom span:first-child{display:none}.gateway-logo{font-size:clamp(42px,11.5vw,72px);letter-spacing:-.07em}.gateway-overline{font-size:9px;letter-spacing:.24em}.gateway-tagline{font-size:8px;letter-spacing:.2em}.gateway-rule{margin:38px auto 27px}.language-choices{flex-direction:column;align-items:center}.language-choice{width:min(90%,270px);padding:17px 19px}.language-label{font-size:9px;line-height:1.8;letter-spacing:.11em}.container{width:calc(100% - 44px)}.site-header{padding:0 22px}.brand{font-size:23px}.hero-section{min-height:calc(100svh - 71px)}.hero-inner{padding:105px 0 75px}.hero-inner h1{font-size:clamp(59px,16vw,92px)}.hero-desc{font-size:14px;margin:25px 0 27px}.hero-buttons{gap:17px}.primary-button{padding:17px;gap:18px}.hero-footer span{max-width:55%;line-height:1.8}.hero-footer a{align-self:end}.section{padding-top:75px;padding-bottom:75px}.section h2,.contact-inner h2{font-size:clamp(51px,12.5vw,74px)}.projects-grid{grid-template-columns:1fr;gap:45px}.project-glyph{font-size:clamp(180px,50vw,280px)}.project-info h3{font-size:33px}.services-list{margin-top:30px}.service-row{padding:29px 0}.service-row h3{font-size:14px}.steps-grid{grid-template-columns:1fr;gap:30px}.step h3{margin:17px 0 10px}.terms-panel{padding:26px;margin-top:45px}.terms-panel h3{font-size:32px}.about-layout{gap:34px}.about-copy>p:not(.eyebrow){font-size:14px}.contact-section{padding:90px 0}.site-footer{gap:18px;align-items:start}.site-footer>span{width:100%;line-height:1.9}.site-footer .footer-links{width:100%;justify-content:space-between}.gateway-bottom .smallcaps{font-size:8px}.ticker-track{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track,.hero-halo{animation:none}.primary-button,.language-choice,.project-art{transition:none}}


/* v0.2: Authentic user-provided fashion films, bilingual case studies */
.fashion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;row-gap:76px;align-items:start}
.fashion-card{min-width:0}.fashion-card.is-portrait{max-width:430px;width:100%;justify-self:center}
.fashion-image-link{display:block;position:relative;overflow:hidden;border:1px solid #40343a;background:#160f13;isolation:isolate}
.fashion-image-link>img{display:block;width:100%;height:auto;transform:scale(1.005);transition:transform .8s cubic-bezier(.22,1,.36,1),filter .7s;filter:brightness(.85)}
.fashion-image-link:hover>img,.fashion-image-link:focus-visible>img{transform:scale(1.035);filter:brightness(.68)}
.fashion-img-grain{pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,#08070955,transparent 22%,transparent 65%,#0906088c)}
.fashion-view{position:absolute;left:50%;top:50%;transform:translate(-50%,-40%);white-space:nowrap;padding:18px 22px;background:#eee5e4;color:#21181b;font-size:10px;font-weight:700;letter-spacing:.15em;opacity:0;transition:opacity .25s,transform .25s}
.fashion-view span{padding-left:14px;font-size:15px}.fashion-image-link:hover .fashion-view,.fashion-image-link:focus-visible .fashion-view{opacity:1;transform:translate(-50%,-50%)}
.fashion-index,.fashion-video-len{position:absolute;top:18px;color:#ffefef;font-size:10px;font-weight:500;letter-spacing:.12em;text-shadow:0 1px 8px #000}
.fashion-index{left:18px}.fashion-video-len{right:18px;font-variant-numeric:tabular-nums}
.fashion-meta{margin:21px 0 9px;display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;text-transform:uppercase;color:#a8999d;letter-spacing:.1em;font-size:10px}
.fashion-title-link{display:block;width:fit-content}.fashion-title-link h3{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.2vw,48px);line-height:1.1;letter-spacing:-.035em;margin:0}.fashion-title-link h3 span{font-family:var(--sans);font-size:20px;opacity:.55;margin-left:7px;display:inline-block;transition:transform .3s}
.fashion-title-link:hover h3 span{transform:translate(3px,-3px)}.fashion-caption{color:#b7abad;line-height:1.7;font-size:13px;margin:10px 0 0}
.up-next{border-top:1px solid #51424a;border-bottom:1px solid #51424a;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;margin-top:42px}
.up-next span{color:#9f8d94;font-size:9px;font-weight:600;letter-spacing:.18em}.up-next p{font-size:12px;color:#c6b7bb;margin:0;text-align:right}
.case-intro{padding-top:74px;padding-bottom:45px}.case-kicker{display:flex;align-items:center;justify-content:space-between;gap:20px;text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:#a9929b}.case-kicker a{color:#f2e8ec;border-bottom:1px solid #71555f;padding-bottom:8px}.case-intro h1{font-family:var(--serif);font-weight:400;letter-spacing:-.065em;font-size:clamp(65px,10.8vw,166px);line-height:1.07;margin:58px 0 25px;max-width:1250px;overflow-wrap:anywhere}.case-title-accent{color:#b97d8a}.case-title-row{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:28px;border-bottom:1px solid #4d393f}.case-title-row p{font-family:var(--serif);font-size:clamp(19px,2.5vw,35px);line-height:1.3;margin:0;color:#e2d2d6;font-style:italic}.case-title-row span{text-transform:uppercase;letter-spacing:.12em;color:#ad9da1;font-size:10px;text-align:right}
.case-film-section{background:radial-gradient(circle at 50% 60%,#331921,#100d10 72%);padding:75px 22px 40px;border-top:1px solid #2c1a24;border-bottom:1px solid #3b2733}.case-film-container{margin:0 auto;max-width:1150px;line-height:0;box-shadow:0 25px 85px #0008}.case-film-container.portrait-film{max-width:460px}.case-film-container video{width:100%;height:auto;background:#080708;display:block;max-height:78vh;object-fit:contain;outline:1px solid #4b3b3f}.video-help{font-size:9px;letter-spacing:.15em;text-align:center;color:#baa1aa;margin:22px auto 0}
.case-details{display:grid;grid-template-columns:1.25fr 1fr;gap:min(10vw,150px);padding-top:135px;padding-bottom:130px}.case-details-lead h2{font-family:var(--serif);font-size:clamp(59px,7vw,92px);font-weight:400;letter-spacing:-.055em;line-height:1.02;margin:24px 0}.case-details-lead h2 em{color:#b8919b;font-weight:400}.case-details-lead>p{font-size:17px;color:#c8bfc0;line-height:1.95;max-width:650px;margin:0}.case-specs>div{display:grid;grid-template-columns:140px 1fr;gap:15px;align-items:start;border-top:1px solid #4c3a41;padding:24px 0}.case-specs>div:last-child{border-bottom:1px solid #4c3a41}.case-specs span{font-size:10px;letter-spacing:.12em;color:#ab9299}.case-specs strong{font-weight:400;font-size:13px;color:#e8dadf;line-height:1.7}
.case-stills{padding-bottom:160px}.case-gallery-heading{display:grid;grid-template-columns:1fr 1.2fr;align-items:start;gap:30px;padding:0 0 35px}.case-gallery-heading p{color:#bcaeb3;line-height:1.9;font-size:14px;margin:0}.case-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:20px}.case-gallery img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;background:#0f0c0f;border:1px solid #493b41}
.case-bottom{padding:100px 0;background:#21111b;border-top:1px solid #502934}.case-bottom-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:center}.case-bottom h2{font-family:var(--serif);font-size:clamp(50px,6vw,85px);font-weight:400;letter-spacing:-.045em;line-height:1.05;max-width:650px;margin:20px 0}.case-bottom p{color:#d0b9c0;margin:0 0 28px}.case-next{display:block;position:relative;min-width:0;overflow:hidden;background:#170e12;min-height:300px;padding:20px;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}.case-next:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#000a,#0001 35%,#000c)}.case-next img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:brightness(.8)}.case-next span{font-size:10px;letter-spacing:.16em}.case-next strong{font-family:var(--serif);font-size:27px;font-weight:400}
@media(max-width:800px){.case-details{grid-template-columns:1fr;gap:55px;padding:95px 0}.case-bottom-grid{gap:30px}.case-intro{padding-top:48px}.case-film-section{padding-top:40px}}
@media(max-width:600px){.fashion-grid{grid-template-columns:1fr;row-gap:54px}.fashion-card.is-portrait{max-width:370px}.fashion-view{opacity:1;transform:translate(-50%,-50%);font-size:9px;padding:13px 15px}.fashion-title-link h3{font-size:35px}.fashion-meta{font-size:9px}.up-next{display:block}.up-next p{text-align:left;margin-top:9px}.case-intro{padding-top:32px;padding-bottom:22px}.case-kicker{font-size:8px;letter-spacing:.08em}.case-intro h1{font-size:clamp(57px,14.5vw,83px);margin:38px 0 24px}.case-title-row{align-items:start;flex-direction:column;gap:15px}.case-title-row span{text-align:left}.case-film-section{padding:25px 14px 26px}.video-help{font-size:8px;line-height:1.6}.case-details{padding:78px 0}.case-details-lead>p{font-size:14px}.case-specs>div{grid-template-columns:105px 1fr}.case-stills{padding-bottom:85px}.case-gallery-heading{grid-template-columns:1fr}.case-gallery{grid-template-columns:repeat(2,1fr);gap:12px}.case-gallery img:last-child{grid-column:1/-1;max-width:72%;justify-self:center}.case-bottom{padding:60px 0}.case-bottom-grid{grid-template-columns:1fr;gap:44px}.case-next{min-height:230px}}
@media(prefers-reduced-motion:reduce){.fashion-image-link>img,.fashion-view,.fashion-title-link h3 span{transition:none}}

/* v0.3 / multi-discipline commercial portfolio */
.showcase-chapter{border-bottom:1px solid #352b30;padding-top:120px;padding-bottom:130px}
.showcase-chapter:nth-of-type(odd){background:linear-gradient(135deg,#160f14 0%,#0b0a0b 55%)}
.client-audience{margin:-22px 0 58px;padding:25px 0;border-top:1px solid #56454b;border-bottom:1px solid #56454b;display:flex;align-items:center;justify-content:space-between;gap:32px}
.client-audience-label{font-size:10px;letter-spacing:.22em;color:#c397a0;text-transform:uppercase}
.client-audience p{font-size:12px;line-height:1.8;letter-spacing:.09em;color:#cabdc0;max-width:800px;margin:10px 0 0}
.client-audience>a{white-space:nowrap;font-size:10px;letter-spacing:.16em;border:1px solid #74525c;padding:16px 19px;color:#f3e7e9;transition:background .2s}
.client-audience>a:hover{background:#3a1b28}
.showcase-chapter .fashion-card.is-landscape{align-self:start}
@media(max-width:800px){.showcase-chapter{padding-top:85px;padding-bottom:95px}.client-audience{margin:0 0 45px;align-items:start;flex-direction:column;gap:22px}.client-audience>a{white-space:normal}}
@media(max-width:600px){.showcase-chapter{padding-top:65px;padding-bottom:75px}.client-audience{margin:-5px 0 34px}}


/* v0.4 / commercial inquiry: native bilingual email drafting, direct contacts */
.contact-actions{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:14px}
.contact-actions .primary-button{min-width:265px}.contact-secondary{border:1px solid #957b84;padding:19px 26px;letter-spacing:.16em;font-size:10px;transition:background .25s}.contact-secondary:hover{background:#492235}
.contact-inner .contact-email{display:inline-block;margin-top:24px;font-size:14px;color:#f2e5e9;border-bottom:1px solid #926e79;padding:0 0 7px;overflow-wrap:anywhere}
.inquiry-hero{min-height:595px;background:#140d13;position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid #422d35}
.inquiry-light{position:absolute;z-index:-1;inset:-5%;background:radial-gradient(ellipse at 80% 62%,#4b1a32 0%,#25101e 24%,transparent 55%),linear-gradient(140deg,#140e16,#0c090b)}
.inquiry-light:before{content:'';display:block;width:min(55vw,560px);aspect-ratio:1;border:1px solid #a26c8552;border-radius:50%;position:absolute;right:7%;top:5%;box-shadow:0 0 0 50px #a26c8510,0 0 0 118px #a26c8509;transform:rotate(-30deg)}
.inquiry-hero-content{position:relative;padding-top:60px;padding-bottom:110px}
.inquiry-back{display:inline-block;border-bottom:1px solid #856874;padding-bottom:8px;font-size:10px;letter-spacing:.13em;color:#d9b9c7}
.inquiry-hero .eyebrow{margin-top:75px}.inquiry-hero h1{font-family:var(--serif);font-size:clamp(66px,10vw,155px);font-weight:400;line-height:1.04;letter-spacing:-.064em;margin:23px 0 29px;max-width:1100px}
.inquiry-hero h1 em{color:#c8a5b0;font-weight:400}.inquiry-lead{max-width:635px;color:#d2c2c7;font-size:16px;line-height:1.9}
.inquiry-content{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(55px,7vw,120px);padding-top:110px;padding-bottom:130px;align-items:start}
.inquiry-methods-top h2,.brief-title h2{font-family:var(--serif);font-weight:400;line-height:1.1;letter-spacing:-.04em;font-size:clamp(43px,4.8vw,70px);margin:24px 0 30px}.brief-title h2 em{font-weight:400;color:#c497a3}
.contact-method{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #54434c;padding:31px 0;transition:padding .25s}
.contact-method:last-of-type{border-bottom:1px solid #54434c}.contact-method:hover{padding-left:8px}.contact-method div{min-width:0}.contact-method div>span{letter-spacing:.16em;font-size:9px;color:#b78d9b}
.contact-method strong{display:block;font-family:var(--serif);font-size:clamp(26px,3vw,42px);font-weight:400;overflow-wrap:anywhere;margin:12px 0 9px}.contact-method p{color:#b7a8ae;font-size:12px;line-height:1.8;margin:0}.contact-method>span{font-size:28px;color:#cfb2bb}
.inquiry-tos{padding:36px;background:#1c1119;border:1px solid #44313c;margin-top:51px}.inquiry-tos p{line-height:1.95;color:#c7b4bc;margin:16px 0 0}
.brief-panel{border:1px solid #59414b;background:linear-gradient(160deg,#22141d,#120e12 70%);padding:clamp(26px,4vw,60px);scroll-margin-top:105px}
.brief-title>p{color:#c8b8c0;line-height:1.8;margin:0 0 38px;max-width:530px}
.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 18px}
.brief-field{display:flex;flex-direction:column;gap:12px;min-width:0}.brief-field>span{font-size:9px;letter-spacing:.13em;color:#d8bdc6;font-weight:600;line-height:1.5}.brief-field>span b{color:#e8b6c5}
.brief-field input,.brief-field select,.brief-field textarea,.brief-preview textarea{appearance:none;width:100%;background:#120d12;color:#f3e8ed;border:1px solid #674d59;border-radius:0;padding:16px 14px;font:400 13px/1.6 var(--sans);outline:none;transition:border-color .2s}
.brief-field input::placeholder,.brief-field textarea::placeholder{color:#908188}.brief-field input:focus,.brief-field select:focus,.brief-field textarea:focus{border-color:#d5b8c2;box-shadow:0 0 0 1px #d5b8c2}.brief-field option{background:#1b1118}
.brief-description{margin-top:24px}.brief-field textarea{resize:vertical;min-height:145px}.brief-action-row{display:flex;align-items:center;flex-wrap:wrap;gap:19px;margin-top:29px}.brief-action-row button{cursor:pointer}.brief-action-row .primary-button{border:0;min-width:245px;text-align:left}.brief-copy{background:transparent;border:0;color:#e8cfd6;letter-spacing:.1em;font-size:10px;border-bottom:1px solid #a97e8d;padding:12px 2px}
.brief-form-note{font-size:11px;color:#a99aa0;line-height:1.8;margin:28px 0 0}
.brief-feedback{border-left:2px solid #cb9cab;background:#301927;padding:15px;color:#f0dce4;margin:20px 0 0;line-height:1.7;font-size:12px}
.brief-preview{margin-top:20px}.brief-preview label{display:block;letter-spacing:.13em;font-size:9px;color:#ba9eab;margin-bottom:10px}.brief-preview textarea{resize:vertical;min-height:170px}
.inquiry-end{padding:80px 0 100px;background:#21121c;border-top:1px solid #4c303d}.inquiry-end h2{font-family:var(--serif);font-size:clamp(56px,7vw,100px);font-weight:400;letter-spacing:-.06em;margin:26px 0 19px}.inquiry-end p{max-width:600px;color:#bda7b1;line-height:1.8}.inquiry-end a{display:inline-block;letter-spacing:.13em;font-size:10px;border-bottom:1px solid #9d7888;margin-top:20px;padding-bottom:8px}
@media(max-width:1030px){.inquiry-content{gap:35px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.brief-grid{grid-template-columns:1fr}}
@media(max-width:800px){.inquiry-content{grid-template-columns:1fr;gap:55px;padding-top:70px;padding-bottom:85px}.inquiry-hero{min-height:auto}.inquiry-hero-content{padding-bottom:80px}.inquiry-hero .eyebrow{margin-top:48px}.brief-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.inquiry-hero-content{padding-top:37px;padding-bottom:65px}.inquiry-hero h1{font-size:clamp(53px,12vw,75px)}.inquiry-lead{font-size:14px}.inquiry-content{padding-top:52px;padding-bottom:65px}.brief-panel{padding:24px 17px}.brief-grid{grid-template-columns:1fr}.brief-title h2{font-size:51px}.brief-action-row{flex-direction:column;align-items:stretch}.brief-action-row .primary-button{width:100%;min-width:0}.brief-copy{text-align:center}.contact-method strong{font-size:29px}.site-footer .footer-links{flex-wrap:wrap;gap:16px!important}.contact-inner h2{font-size:clamp(51px,12.5vw,74px)}.inquiry-end{padding:55px 0 75px}}

/* v0.5 — motion-picture hero. Static poster is always available as a fallback. */
.gateway-art,.hero-visual{background-color:#090809;background-position:center;background-size:cover}
.gateway-art{background-image:url('media/hero/serena-showreel-desktop.jpg')}
.hero-visual{background-image:url('media/hero/serena-showreel-desktop.jpg')}
.hero-showreel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;pointer-events:none}
.gateway-art:after,.hero-visual:after{position:absolute;inset:0;content:"";pointer-events:none}
.gateway-art:after{background:linear-gradient(90deg,rgba(7,6,8,.70),rgba(11,8,12,.52) 48%,rgba(7,6,8,.70)),linear-gradient(0deg,rgba(9,7,9,.72),transparent 45%,rgba(9,7,9,.47))}
.hero-visual:after{background:linear-gradient(90deg,rgba(7,5,8,.80) 0%,rgba(9,7,10,.64) 46%,rgba(9,7,10,.29) 100%),linear-gradient(0deg,rgba(8,6,8,.72),transparent 35%,rgba(8,6,8,.32))}
.hero-motion-toggle{z-index:4;cursor:pointer;display:inline-flex;align-items:center;gap:10px;background:rgba(12,10,13,.45);border:1px solid rgba(238,213,222,.30);border-radius:2px;color:#f5e6e5;padding:12px 15px;font-family:var(--sans);font-weight:500;font-size:9px;letter-spacing:.15em;backdrop-filter:blur(14px);transition:background .2s}
.hero-motion-toggle:hover{background:rgba(55,30,40,.8)}
.gateway-motion-toggle{position:absolute;right:5vw;bottom:78px}
.portfolio-motion-toggle{position:absolute;bottom:75px;right:4.5vw}
@media(max-width:700px){.gateway-art,.hero-visual{background-image:url('media/hero/serena-showreel-mobile.jpg')}.gateway-art:after{background:linear-gradient(90deg,rgba(9,8,10,.69),rgba(10,7,10,.52),rgba(9,8,10,.69)),linear-gradient(0deg,rgba(8,5,9,.65),transparent 45%,rgba(8,5,9,.37))}.hero-visual:after{background:linear-gradient(90deg,rgba(8,6,9,.73),rgba(8,6,9,.51)),linear-gradient(0deg,rgba(8,6,8,.79),transparent 40%,rgba(8,6,8,.4))}.hero-motion-toggle{font-size:8px;padding:10px 12px}.gateway-motion-toggle{right:22px;bottom:74px}.portfolio-motion-toggle{right:22px;bottom:61px}}
@media(prefers-reduced-motion:reduce){.hero-showreel{display:none}.hero-motion-toggle{display:none}}

/* v0.6 — high-resolution film cards with motion previews on hover (off on touch/reduced motion). */
.fashion-image-link .card-hover-preview{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:1}
.fashion-image-link.is-previewing .card-hover-preview{opacity:1}
.fashion-image-link .fashion-img-grain,.fashion-image-link .fashion-view,.fashion-image-link .fashion-index,.fashion-image-link .fashion-video-len{z-index:2}
.fashion-title-link h3{overflow-wrap:anywhere;font-size:clamp(29px,2.6vw,45px)}
.case-intro h1{overflow-wrap:anywhere;line-height:1.06}
.case-intro h1.long-title{font-size:clamp(42px,6vw,90px);letter-spacing:-.055em}
@media(hover:none), (prefers-reduced-motion:reduce){.card-hover-preview{display:none!important}}

/* v1.0 — responsive refinements, preserving the original art direction. */
.brand-byline{display:block;font:400 9px/1.3 var(--sans);letter-spacing:.16em;text-align:right;color:var(--muted);margin-top:3px}
.gateway-byline{font-size:12px;letter-spacing:.2em;color:#dbc5c9;margin:10px 0 20px}
img,video{max-width:100%}.fashion-card,.section-heading>* ,.about-layout>*,.case-details>*,.case-bottom-grid>*{min-width:0}
.wicked-card .fashion-image-link{aspect-ratio:4/3;background:#0b0a0b}
.wicked-card .fashion-image-link>img{width:100%;height:100%;object-fit:contain;transform:none}
.fashion-image-link .card-hover-preview{object-fit:contain;background:#0b0a0b}
.case-gallery .still-link{display:block;min-width:0}.case-gallery .still-link img{max-width:100%}
.faq-section h2{margin-bottom:44px}.faq-section details{border-top:1px solid #53474a;padding:0 0 8px}.faq-section details:last-child{border-bottom:1px solid #53474a}
.faq-section summary{cursor:pointer;font-size:16px;line-height:1.6;padding:22px 5px;min-height:48px}.faq-section details p{color:#c6b9bc;line-height:1.9;max-width:800px;margin:0 5px 23px}
summary:focus-visible,.still-link:focus-visible{outline:2px solid #f3d6cd;outline-offset:4px}
.locale-control{display:inline-flex;align-items:center;min-height:44px}.menu-toggle{width:44px;height:44px;flex-shrink:0}.hero-motion-toggle{min-height:44px}
h1,h2,h3,.contact-method,.brief-copy{overflow-wrap:anywhere}
.brief-field input,.brief-field select,.brief-field textarea,.brief-preview textarea{min-width:0;font-size:16px}
.preview-toggle{display:none}
@media(max-width:1100px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.mobile-menu:not([hidden]){display:flex;flex-direction:column;position:fixed;top:79px;left:0;right:0;background:#171117;z-index:49;padding:10px 5vw 25px;border-bottom:1px solid #47323e}.mobile-menu a{min-height:44px;padding:14px 0}.header-actions{margin-left:auto}}
@media(hover:none){.fashion-view{opacity:1;transform:none;top:auto;left:14px;bottom:14px;padding:13px 15px;font-size:9px}.fashion-image-link:hover>img{transform:none;filter:brightness(.85)}}
@media(max-width:800px){.mobile-menu:not([hidden]){top:71px}.service-row{grid-template-columns:30px minmax(0,1fr) 20px}.about-copy h2{overflow-wrap:anywhere}}
@media(max-width:600px){.case-gallery .still-link:last-child{grid-column:1/-1;max-width:72%;justify-self:center}.case-gallery .still-link img:last-child{max-width:100%}.case-gallery img:last-child{grid-column:auto}.inquiry-hero h1{font-size:clamp(39px,10.6vw,64px)}.hero-inner h1{font-size:clamp(38px,11.1vw,66px)}.section h2,.contact-inner h2{font-size:clamp(40px,11vw,64px)}.brief-title h2{font-size:clamp(36px,10vw,51px)}.hero-inner{padding-bottom:125px}.portfolio-motion-toggle{bottom:70px}.faq-section summary{font-size:14px}.case-specs strong{overflow-wrap:anywhere}.fashion-title-link h3{font-size:clamp(26px,7.7vw,35px)}}
@media(max-width:375px){.site-header{padding:0 14px;gap:8px}.brand{font-size:20px}.header-actions{gap:6px}.container{width:calc(100% - 32px)}.gateway{padding:20px 16px}.gateway-logo{font-size:10.8vw}.gateway-tagline{letter-spacing:.13em}.gateway-bottom{padding-bottom:6px}.terms-panel{padding:22px}.contact-actions .primary-button{min-width:0;width:100%}.case-kicker{flex-wrap:wrap}.site-footer .footer-links{gap:12px!important}}