@charset "UTF-8";
:root{--navy:#111f2a;--paper:#f1efe8;--teal:#29494b;--gold:#bdab87;--muted:#a4b0b5;--line:rgba(235,239,232,.2);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:var(--paper);background:var(--navy);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:7px}button{border:0;background:none}p,h1,h2,h3{margin:0}button:disabled{opacity:.4}.nav{height:96px;position:absolute;top:0;left:0;width:100%;z-index:10;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:italic 36px Georgia,serif;letter-spacing:-2px;display:flex;align-items:center;gap:20px}.brand span{font:9px Arial,sans-serif;letter-spacing:2px;color:var(--muted)}nav{display:flex;gap:30px;align-items:center;font-size:12px}nav a{padding:10px 0}nav a:hover{color:var(--gold)}.nav-contact{border-bottom:1px solid var(--gold)}.nav-contact span{margin-left:25px}.scroll-story{height:290svh;position:relative}.stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;background:var(--navy)}.ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 86% 44%,#29494b80,transparent 65%);pointer-events:none}.vertical-label{position:absolute;left:25px;top:48%;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:var(--muted)}.scene{position:absolute;z-index:3;will-change:opacity,transform}.intro{top:31%;left:10%;width:55%;}.eyebrow{font-size:10px;letter-spacing:2.7px;font-weight:500;color:var(--gold);margin-bottom:30px}.intro h1{font-size:clamp(38px,4.7vw,76px);font-weight:400;line-height:1.65;letter-spacing:.06em}.serif{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:400}.intro-copy{font-size:13px;line-height:2.2;letter-spacing:.08em;color:#b7c1c2;margin-top:24px}.text-link{display:inline-flex;font-size:12px;gap:50px;margin-top:34px;padding-bottom:12px;border-bottom:1px solid var(--gold)}.film-shell{position:absolute;left:68%;top:20%;width:min(25vw,350px);aspect-ratio:9/16;max-height:70%;will-change:left,top,width,transform;z-index:2}.film-shell video{width:100%;height:100%;object-fit:cover;display:block}.film-outline{position:absolute;inset:-12px;border:1px solid #bdab8740;pointer-events:none}.film-caption{position:absolute;left:0;bottom:0;width:100%;padding:35px 15px 15px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(transparent,#0009);font-size:8px;letter-spacing:1px}.film-caption>span:first-child{font:italic 24px Georgia,serif;letter-spacing:0}#motion-toggle{position:absolute;top:12px;right:12px;background:#111f2aab;border:1px solid #fff5;min-width:36px;height:36px;font-size:12px}.work-copy{top:34%;left:57%;width:38%;opacity:0;pointer-events:none}.work-copy h2{font:italic clamp(90px,11vw,164px)/1 Georgia,serif;letter-spacing:-6px;margin:12px 0 24px}.gold{color:var(--gold)}.work-description{font-size:13px;letter-spacing:.1em;color:#b7c1c2}.watch-links{display:flex;gap:22px;margin-top:42px;flex-wrap:wrap}.watch-links button{font-size:12px;padding:0 0 12px;border-bottom:1px solid var(--gold)}.watch-links span{margin-left:28px}.quiet{font-size:11px;color:#aebbbb;line-height:1.8;margin-top:20px}.stage-foot{position:absolute;left:5.2%;right:5.2%;bottom:30px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px;z-index:4}.skip{color:#b5bfc1;font-size:11px;letter-spacing:0}.scroll-cue{display:flex;align-items:center;gap:20px;font-size:8px;letter-spacing:2px;color:var(--muted)}.scroll-cue i{height:34px;width:1px;background:var(--gold)}.chapter{font:14px Georgia,serif}.chapter b{font-weight:400;color:#718486;margin:0 10px}.story-progress{position:absolute;bottom:0;height:2px;background:#ffffff12;width:100%}.story-progress i{display:block;background:var(--gold);height:100%;width:0}.work-anchor{position:absolute;top:160svh}.section{padding:125px 10%;display:grid;grid-template-columns:1fr 1.45fr;gap:9%}.pricing{background:var(--paper);color:var(--navy)}.section-head .eyebrow{color:#63726a}.section-head h2{font-size:52px;line-height:1.5;font-weight:400;letter-spacing:.06em}.section-head>p:last-child{font-size:13px;line-height:2;margin-top:25px;color:#63706f}.price-content{padding-top:10px}.price-row{padding:28px 0 34px;border-top:1px solid #1930373a}.price-row>div{display:flex;align-items:center;gap:14px}.plan-index{font:12px Georgia,serif;color:#6c7c72}.price-row h3{font-size:13px;font-weight:400}.price-row>p{font:54px/1.2 Georgia,serif;text-align:right;margin-top:20px;letter-spacing:-2px}.price-row>p>span{font-size:28px;margin-right:8px}.price-row small{font:11px sans-serif;letter-spacing:0}.included{font-size:12px;line-height:2.2;padding:18px 0;border-top:1px solid #1930373a}.price-note{font-size:11px;line-height:2;color:#63706f}details{margin-top:28px;border-top:1px solid #1930373a;border-bottom:1px solid #1930373a}summary{padding:20px 0;cursor:pointer;font-size:12px;list-style:none;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}details[open] summary span{transform:rotate(45deg)}dl{font-size:12px;line-height:1.9;display:grid;grid-template-columns:80px 1fr;gap:18px 15px;margin:0 0 28px}dd{margin:0;color:#526565}dt{font-weight:500}.contact{background:var(--teal);padding-top:110px;padding-bottom:110px}.contact h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:400;font-size:48px;line-height:1.65;letter-spacing:.05em}.contact-body{padding-top:40px}.contact-body>p:first-child{font-size:14px;line-height:2.3}.contact-button{margin-top:35px;border:1px solid #bdab8780;padding:22px 24px;max-width:390px;display:flex;justify-content:space-between;font-size:13px;transition:background .2s}.contact-button:hover{background:#ffffff0d}.secondary-links{display:flex;gap:30px;font-size:11px;margin-top:35px;color:#ced4ca}footer{display:flex;padding:40px 5.2%;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:2px;color:var(--muted)}footer .brand{color:var(--paper);font-size:32px}dialog{border:1px solid #687875;background:#101c25;color:var(--paper);padding:16px;max-width:95vw;max-height:95svh;width:460px}dialog::backdrop{background:#061119e8;backdrop-filter:blur(8px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:0 0 14px;font:14px Georgia,serif}.dialog-head button{font:12px sans-serif;padding:8px}dialog video{display:block;width:100%;max-height:79svh;background:#000}.about-main{padding:175px 12% 100px;min-height:80svh}.about-layout{display:grid;grid-template-columns:210px 1fr;gap:70px;max-width:850px;margin:45px auto}.about-layout img{width:100%;height:auto}.about-layout h1{font:italic 64px Georgia,serif;margin-bottom:24px}.about-layout p{font-size:14px;line-height:2.2;color:#c1c9c8;margin-bottom:20px}.about-layout .text-link{margin-top:15px}.about-main>.eyebrow{max-width:850px;margin:auto}
@media(min-width:1700px){.film-shell{width:350px}.intro{left:15%}}
@media(max-width:800px){.nav{height:76px;padding:0 6%}.brand{font-size:30px}.brand span{display:none}nav{gap:18px;font-size:11px}nav a:first-child{display:none}.nav-contact span{margin-left:10px}.stage{min-height:640px}.scroll-story{height:265svh}.vertical-label{display:none}.intro{left:8%;top:17%;width:84%}.intro .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:15px}.intro h1{font-size:36px;line-height:1.55}.intro-copy{font-size:11px;margin-top:18px;max-width:46%}.text-link{font-size:11px;gap:18px;margin-top:20px}.film-shell{left:57%;top:43%;width:34vw;max-height:45%}.film-outline{inset:-7px}.film-caption{padding:20px 8px 8px}.film-caption>span:last-child{display:none}.stage-foot{bottom:21px;left:8%;right:8%}.scroll-cue{display:none}.work-copy{left:53%;top:37%;width:42%}.work-copy .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:15px}.work-copy h2{font-size:68px;letter-spacing:-3px;margin:10px 0 20px}.work-description{font-size:10px;letter-spacing:0}.watch-links{gap:22px;margin-top:28px;flex-direction:column;align-items:flex-start}.watch-links button{font-size:11px}.watch-links span{margin-left:12px}.work-copy .quiet{font-size:9px}.section{padding:70px 8%;grid-template-columns:1fr;gap:38px}.section-head h2{font-size:38px}.section-head>p:last-child{font-size:12px;margin-top:18px}.eyebrow{margin-bottom:20px}.price-row>p{font-size:48px}.price-row h3{font-size:12px}.contact h2{font-size:35px}.contact-body{padding-top:0}.contact-body>p:first-child{font-size:13px}footer{padding:30px 8%;letter-spacing:1px}footer>span:nth-child(2){display:none}.about-main{padding:135px 8% 70px}.about-layout{grid-template-columns:1fr;gap:30px;margin-top:30px}.about-layout img{width:155px}.about-layout h1{font-size:48px}.about-layout p{font-size:13px}}
@media(max-width:800px){.intro-copy{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-story{height:auto}.stage{position:relative;height:1050px}.intro{top:130px}.film-shell{top:540px!important;left:12%!important;width:200px!important;max-height:440px}.work-copy{top:620px!important;left:55%!important;opacity:1!important;transform:none!important}.work-anchor{top:520px}.story-progress,.scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce) and (max-width:800px){.film-shell{left:8%!important;width:38vw!important}.work-copy{left:53%!important}.intro-copy{max-width:100%}}
/* Second direction: Aoi-led editorial motion, extensible portfolio. */
.design-grid{position:absolute;inset:0 5.2%;border-left:1px solid #c1c9bc09;border-right:1px solid #c1c9bc09;pointer-events:none}.design-grid:after{content:'';position:absolute;left:52%;height:100%;border-left:1px solid #c1c9bc09}.edition{position:absolute;top:126px;right:5.2%;font:9px monospace;letter-spacing:2px;color:#758d8e}.intro h1{letter-spacing:.025em}.film-outline:before,.film-outline:after{content:'';position:absolute;width:24px;height:24px;border-color:var(--gold);border-style:solid}.film-outline:before{left:-1px;top:-1px;border-width:1px 0 0 1px}.film-outline:after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}.film-caption>span:first-child{font:9px sans-serif;letter-spacing:1px}.work-copy{left:12%;top:24%;width:78%;}.work-copy h2{font-family:inherit;font-style:normal;font-size:clamp(46px,6vw,86px);line-height:1.5;font-weight:400;letter-spacing:.055em;position:relative;z-index:1;margin:0 0 20px}.work-copy .work-description{line-height:2.2}.edit-word{position:absolute;right:-2%;top:3%;font:clamp(130px,22vw,340px)/1 Georgia,serif;letter-spacing:-.07em;color:#56747325;pointer-events:none}.edit-word span{color:#bdab8750}.work-copy .eyebrow{margin-bottom:24px}.portfolio{padding:95px 10% 115px;background:#14262e}.portfolio-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:34px;margin-bottom:38px}.portfolio-head h2{font:clamp(34px,4.8vw,66px)/1.15 Georgia,serif;letter-spacing:-.04em}.portfolio-head h2 em{font-weight:400;color:var(--gold)}.portfolio-head>p{font-size:11px;color:var(--muted)}.portfolio-head .eyebrow{margin-bottom:18px}.portfolio-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px}.project-image{width:100%;height:290px;position:relative;display:block;overflow:hidden;background:#263c42;padding:0;text-align:left}.project-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 60%;transition:transform .6s}.project-image:hover img{transform:scale(1.04)}.project-image:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#081820b0);pointer-events:none}.play-mark{position:absolute;right:20px;top:20px;background:var(--paper);color:var(--navy);width:42px;height:42px;display:grid;place-items:center;font-size:20px}.image-label{position:absolute;left:20px;bottom:20px;z-index:1;font:9px monospace;letter-spacing:2px}.project-info{display:flex;gap:24px;padding-top:24px}.project-number{font:14px Georgia,serif;color:var(--gold);padding-top:3px}.project-category{font-size:9px;color:var(--muted);letter-spacing:1px}.project h3{font:32px Georgia,serif;margin:10px 0}.project .watch-links{margin-top:18px;gap:22px}.project .watch-links button{font-size:11px}.pricing{position:relative}.pricing:before{content:'';position:absolute;left:10%;top:0;width:52px;height:4px;background:var(--gold)}.contact-button{background:var(--paper);color:var(--navy);border-color:var(--paper)}.contact-button:hover{background:#dcded3}.price-row h3{line-height:1.8}.project-image:focus-visible{outline-offset:5px}
@media(max-width:800px){.edition{top:97px;font-size:7px}.work-copy{left:8%;top:26%;width:84%}.work-copy h2{font-size:42px;letter-spacing:.04em;line-height:1.6}.work-copy .work-description{font-size:12px}.edit-word{top:50%;right:0;font-size:125px}.work-copy .eyebrow{font-size:9px}.portfolio{padding:65px 8%}.portfolio-head{align-items:start;gap:16px}.portfolio-head h2{font-size:36px}.portfolio-head>p{font-size:10px;padding-top:8px;white-space:nowrap}.portfolio-list{grid-template-columns:1fr}.project-image{height:300px}.project .watch-links{flex-direction:row}.project h3{font-size:30px}.price-row h3{font-size:11px}.contact-button{padding:20px}.film-caption>span:first-child{font-size:8px}}
@media(prefers-reduced-motion:reduce){.film-shell{display:none}.work-copy{top:570px!important;left:12%!important;width:78%}.stage{height:1120px}.project-image img{transition:none}}
@media(prefers-reduced-motion:reduce) and (max-width:800px){.work-copy{left:8%!important;width:84%}}