@font-face{font-family:Zen Kaku;src:url('assets/zen-kaku-regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Zen Kaku;src:url('assets/zen-kaku-medium.woff') format('woff');font-weight:500 900;font-display:swap}
:root{--green:#194e43;--deep:#123d34;--paper:#f8f6f0;--jade:#85b2a2;--apricot:#d9aa96;--lilac:#b8aed1;--line:rgba(25,78,67,.22);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--green);font-family:'Zen Kaku',sans-serif;font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}::selection{background:#d0c6e3;color:var(--deep)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:7px}button:disabled{cursor:default}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500}img{display:block;max-width:100%}svg{display:block}button svg{pointer-events:none}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--green);color:white;z-index:100}.skip-link:focus{top:10px}.site-header{height:106px;margin:0 4.2%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:30;border-bottom:1px solid var(--line)}.wordmark{display:flex;gap:10px;align-items:center;font:500 30px/1 Arial,sans-serif;letter-spacing:-1.8px}.brand-mark{width:33px;height:38px;margin-right:3px}.logo-dot{width:7px;height:7px;border-radius:100%;background:var(--apricot);margin:15px 0 0 -6px}.desktop-nav{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:500}.desktop-nav>a{position:relative}.desktop-nav>a:not(.nav-contact):after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s}.desktop-nav>a:hover:after{transform:scaleX(1);transform-origin:left}.nav-contact{display:flex;gap:24px;align-items:center;padding:11px 20px;border:1px solid var(--green);border-radius:40px;transition:background .25s,color .25s}.nav-contact:hover{background:var(--green);color:var(--paper)}.nav-contact span{font-size:22px;font-family:Arial,sans-serif;line-height:1}.menu-toggle,.mobile-nav{display:none}.eyebrow{font:400 11px/1.5 Arial,sans-serif;letter-spacing:1.5px}.hero{min-height:760px;position:relative;padding:36px 7.1% 58px;overflow:hidden}.hero-topline{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.hero-edition{font-size:12px;letter-spacing:.12em;border-left:1px solid var(--green);padding-left:18px;margin-right:3%}.hero-copy{position:relative;z-index:3;margin-top:43px;pointer-events:none}.hero-copy a{pointer-events:auto}.hero h1{font-size:clamp(64px,7.9vw,122px);line-height:1.37;letter-spacing:-.065em;white-space:nowrap;font-weight:500}.title-period{display:inline-block;margin-left:-.07em}.hero-sub{font-size:21px;letter-spacing:.04em;margin:24px 0 18px}.hero-description{font-size:14px;line-height:2.2;letter-spacing:.035em}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:13px;font-weight:500;line-height:1.7;position:relative;background:none;padding:0}.round-arrow{font:400 21px/1 Arial,sans-serif;width:41px;height:41px;border-radius:100%;border:1px solid var(--green);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s var(--ease),color .3s,background .3s}.text-link:hover .round-arrow{transform:rotate(45deg);background:var(--green);color:var(--paper)}.hero-link{margin-top:28px}.hero-haze{position:absolute;right:-50px;top:-40px;width:730px;height:640px;background:radial-gradient(ellipse at 73% 24%,#c4b7d7 0%,transparent 52%),radial-gradient(ellipse at 35% 40%,#93bdad 0%,transparent 53%),radial-gradient(ellipse at 75% 72%,#e2b8a6 0%,transparent 50%);opacity:.78;border-radius:50%;filter:blur(28px);transform:rotate(-20deg)}.hero-photo{position:absolute;right:4.2%;top:334px;width:47.5%;height:320px;z-index:2}.hero-photo img{width:100%;height:100%;object-fit:cover;border-radius:130px 3px 3px 3px;object-position:center 53%}.hero-photo figcaption{font-size:11px;letter-spacing:.08em;margin-top:12px;text-align:right}.hero-scribble{position:absolute;right:8.6%;top:169px;transform:rotate(8deg);z-index:2;display:flex;gap:14px;align-items:center}.hero-scribble svg{width:47px;height:47px;stroke:var(--green);stroke-width:2;fill:none}.hero-scribble span{font-size:12px;letter-spacing:.1em}.scroll-cue{display:flex;gap:16px;align-items:center;font:10px/1.4 Arial,sans-serif;letter-spacing:1.5px;position:absolute;left:7.1%;bottom:34px}.scroll-line{position:relative;width:38px;height:1px;background:var(--green)}.scroll-line:after{content:'';position:absolute;right:0;top:-2px;width:6px;height:6px;border-top:1px solid var(--green);border-right:1px solid var(--green);transform:rotate(45deg)}.hero-index{position:absolute;right:4.2%;bottom:34px;font:9px/1.5 Arial,sans-serif;letter-spacing:1.2px}.section-wrap{padding:120px 7.1%;position:relative}.section-caption{display:flex;align-items:flex-start;gap:20px;flex-shrink:0}.section-no{font:11px/1.5 Arial,sans-serif;border:1px solid currentColor;width:31px;height:31px;border-radius:50%;display:flex;align-items:center;justify-content:center}.section-caption p{font:11px/1.5 Arial,sans-serif;letter-spacing:1.3px;margin-top:0}.section-caption p span{display:block;letter-spacing:.05em;font:11px/1.7 'Zen Kaku',sans-serif;margin-top:7px}.about{display:grid;grid-template-columns:30% 1fr;gap:3%;overflow:hidden;padding-top:140px;padding-bottom:150px}.about-body{position:relative;z-index:1}.about-body h2{font-size:clamp(26px,2.8vw,41px);line-height:1.8;letter-spacing:.015em;margin-top:-10px}.about-text{font-size:15px;line-height:2.25;letter-spacing:.025em;margin:35px 0 35px}.about-text p+p{margin-top:22px}.about-oval{position:absolute;left:-175px;bottom:0;width:450px;height:370px;transform:rotate(-40deg);background:radial-gradient(ellipse,#dacfe0 0%,#e6dfdf 30%,transparent 65%);opacity:.75;z-index:-0}.projects{background:#e9eee7;border-radius:12px 12px 0 0;position:relative;overflow:hidden}.projects .section-wrap{padding-top:89px;padding-bottom:100px}.projects-heading{display:grid;grid-template-columns:30% 1fr auto;gap:3%;align-items:end;margin-bottom:61px}.projects-heading .section-caption{align-self:start}.projects-heading h2,.questions-heading h2{font-size:clamp(32px,3.7vw,53px);line-height:1.6;letter-spacing:.01em;margin-top:-12px}.projects-heading>p,.questions-heading>p{font-size:12px;line-height:2.1;margin:0 0 6px 12px}.project-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.project-card{background:transparent;padding:0;text-align:left;display:block;min-width:0}.project-art{height:360px;position:relative;overflow:hidden;transition:transform .7s var(--ease);isolation:isolate}.project-card:hover .project-art{transform:translateY(-7px)}.project-card:hover .project-arrow{transform:translate(3px,-3px)}.art-magazine{background:#d9dccc;padding:24px}.magazine-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 25% 30%,#d0c2de,transparent 55%),radial-gradient(ellipse at 80% 35%,#deb29c,transparent 60%),radial-gradient(ellipse at 50% 85%,#9dbdaa,transparent 60%);opacity:.85}.art-small{position:absolute;top:22px;left:22px;right:20px;z-index:2;font:8px/1.5 Arial,sans-serif;letter-spacing:1.1px}.art-baobao{position:absolute;top:66px;left:20px;font:500 clamp(40px,4.2vw,66px)/1 Arial,sans-serif;letter-spacing:-3.2px;z-index:2}.art-vertical{position:absolute;top:153px;left:34px;font-size:27px;line-height:1.7;letter-spacing:.035em;z-index:2}.art-foot{position:absolute;bottom:22px;left:22px;font:8px/1.5 Arial,sans-serif;letter-spacing:1px;z-index:2}.art-asterisk{position:absolute;font-size:145px;right:-3px;bottom:-27px;font-weight:400;line-height:1;transform:rotate(-18deg);opacity:.75}.art-me{background:#dcd5e4}.talk-shape{position:absolute;width:195px;height:170px;border-radius:50%;transform:rotate(-28deg)}.talk-one{top:65px;left:-35px;background:#bfc9b5}.talk-two{bottom:39px;right:-37px;background:#e9c2ab}.talk-one:after,.talk-two:after{content:'';position:absolute;bottom:-7px;left:34px;width:34px;height:34px;transform:skew(-20deg) rotate(23deg);background:inherit}.talk-two:after{left:auto;right:30px}.art-me-text{position:absolute;top:102px;left:13%;right:10%;font-size:clamp(34px,3.5vw,50px);line-height:1.65;letter-spacing:.03em;z-index:2;transform:rotate(-7deg)}.art-me-text i{font-style:normal;padding-left:18%}.art-family{background:#d5dfd5}.note-illustration{position:absolute;width:64%;height:69%;top:16%;left:19%;background:#f7f3e7;transform:rotate(7deg);box-shadow:4px 5px 0 #adc1b3;padding:28px 26px}.note-illustration:before{content:'';position:absolute;top:0;left:15px;bottom:0;border-left:1px solid #d9b5a2}.note-illustration>span{font-size:26px;line-height:1.7;letter-spacing:.01em;white-space:nowrap}.note-illustration i{font-style:normal}.note-line{height:1px;background:#c9d3cb;margin-top:15px}.development-stamp{position:absolute;right:15px;bottom:49px;display:flex;align-items:center;justify-content:center;width:58px;height:58px;font-size:11px;letter-spacing:.08em;border:1px solid var(--green);border-radius:50%;transform:rotate(12deg);z-index:2;background:#d5dfd5}.project-meta{display:flex;justify-content:space-between;align-items:center;font:9px/1.5 Arial,sans-serif;letter-spacing:1px;margin:23px 0 10px}.project-arrow{font:25px/1 Arial,sans-serif;transition:transform .3s}.project-card h3{font:500 26px/1.5 Arial,sans-serif;letter-spacing:-.5px;white-space:nowrap}.project-card h3 span{font-size:16px;letter-spacing:-.3px}.project-tagline{font-size:14px;line-height:1.8;margin:10px 0 13px;font-weight:500}.project-description{font-size:12px;line-height:2;letter-spacing:.015em;opacity:.87}.project-detail{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:18px 0 15px;border-bottom:1px solid var(--line);margin-top:15px}.project-detail span{font:18px/1 Arial,sans-serif}.questions{padding-top:120px;padding-bottom:100px}.questions-heading{display:grid;grid-template-columns:30% 1fr auto;gap:3%;align-items:end;margin-bottom:62px}.questions-heading .section-caption{align-self:start}.question-list{border-top:1px solid var(--line)}.question-item{display:grid;grid-template-columns:40px 110px 1fr 50px;align-items:center;gap:24px;padding:28px 20px 28px 5px;border-bottom:1px solid var(--line);width:100%;text-align:left;background:transparent;position:relative;transition:background .3s}.question-item:hover{background:#ecece4}.question-number{font:10px/1.5 Arial,sans-serif;letter-spacing:1px;align-self:start;margin-top:17px}.question-icon{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:rotate(-8deg);transition:transform .5s var(--ease)}.question-item:hover .question-icon{transform:rotate(8deg)}.question-icon svg{width:65px;height:65px;stroke:var(--green);stroke-width:1.5;fill:none}.icon-heart{background:#e4c5b5;border-radius:50% 45% 55% 50%}.icon-house{background:#d3ccdf;border-radius:45% 55% 50% 50%}.icon-sun{background:#c5d9cc;border-radius:55% 45% 45% 50%}.question-item-copy{font-size:24px;font-weight:500;line-height:1.7;letter-spacing:.02em}.question-item-copy br{display:none}.question-item .round-arrow{border:0;width:45px;height:45px}.question-item:hover .round-arrow{background:var(--green);color:var(--paper)}.question-invite{display:flex;align-items:center;justify-content:flex-start;gap:25px;padding-top:45px}.tiny-spark{font-size:52px;font-weight:400;line-height:1;transform:rotate(10deg)}.question-invite p{font-size:14px;line-height:1.9}.question-invite p span{font-size:11px}.question-invite .text-link{margin-left:auto}.stance{background:var(--green);color:var(--paper);position:relative;overflow:hidden}.stance-inner{padding-top:90px;padding-bottom:110px;display:grid;grid-template-columns:30% 1fr;gap:3%}.stance h2{font-size:clamp(40px,5.4vw,78px);line-height:1.6;letter-spacing:-.01em;margin-top:-16px;position:relative;z-index:1}.stance-text{grid-column:2;font-size:14px;line-height:2.2;letter-spacing:.02em;margin-top:20px;position:relative;z-index:1}.stance-text p+p{margin-top:23px}.stance-text .stance-signature{font-size:19px;margin-top:35px}.stance-haze{position:absolute;width:600px;height:600px;bottom:-260px;right:-160px;background:radial-gradient(ellipse,rgba(133,178,162,.33),rgba(184,174,209,.12) 45%,transparent 70%);transform:rotate(-35deg)}.stance-line{position:absolute;width:285px;height:195px;border:1px solid rgba(248,246,240,.22);border-radius:50%;left:-125px;top:37%;transform:rotate(-35deg)}.company{display:grid;grid-template-columns:30% 1fr;gap:3%;padding-top:105px;padding-bottom:100px}.company h2{font-size:28px;line-height:1.9;margin-top:-9px;letter-spacing:.015em}.company-info{margin:35px 0 0}.company-info>div{display:grid;grid-template-columns:130px 1fr;border-bottom:1px solid var(--line);padding:20px 0;font-size:13px;line-height:2}.company-info>div:first-child{border-top:1px solid var(--line)}.company-info dt{font-size:12px}.company-info dd{margin:0}.contact{position:relative;overflow:hidden;background:#e8e4db;border-top:1px solid rgba(25,78,67,.1);border-bottom:1px solid rgba(25,78,67,.2)}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:84px;padding-bottom:88px;align-items:end}.contact h2{font-size:clamp(40px,4.8vw,70px);line-height:1.5;margin-top:20px;letter-spacing:.025em}.contact-right{position:relative;z-index:1;margin-bottom:10px}.contact-right>p{font-size:14px;line-height:2.1;margin-bottom:24px}.contact-button{display:flex;align-items:center;justify-content:space-between;gap:60px;background:var(--green);color:var(--paper);border:1px solid var(--green);padding:19px 28px;border-radius:50px;max-width:360px;font-size:14px;transition:background .3s,color .3s}.contact-button>span{font:26px/1 Arial,sans-serif;transition:transform .3s}.contact-button:hover{background:var(--paper);color:var(--green)}.contact-button:hover>span{transform:translate(3px,-3px)}.contact-note{display:block;font-size:10px;line-height:1.8;margin-top:12px;opacity:.8}.contact-orbit{position:absolute;top:-150px;left:33%;width:500px;height:600px;background:radial-gradient(ellipse at 25% 30%,rgba(133,178,162,.7),transparent 60%),radial-gradient(ellipse at 60% 70%,rgba(184,174,209,.65),transparent 60%),radial-gradient(ellipse at 100% 30%,rgba(217,170,150,.7),transparent 55%);opacity:.7;filter:blur(40px);transform:rotate(35deg)}.site-footer{padding:45px 4.2% 22px;overflow:hidden}.footer-top{display:flex;align-items:center;justify-content:space-between;padding:0 3.2% 20px}.footer-top p{font-size:12px;letter-spacing:.06em}.back-top{font:9px/1.5 Arial,sans-serif;letter-spacing:1px;display:flex;align-items:center;gap:20px}.back-top .round-arrow{width:34px;height:34px;font-size:19px}.back-top:hover .round-arrow{background:var(--green);color:var(--paper)}.footer-wordmark{font:400 clamp(70px,15.4vw,240px)/1.25 Arial,sans-serif;letter-spacing:-.072em;display:block;text-align:center;white-space:nowrap;margin-left:-.03em}.footer-wordmark>span{color:var(--apricot)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-top:12px;font:9px/1.5 Arial,sans-serif;letter-spacing:1px}.detail-dialog{border:0;padding:0;background:var(--paper);color:var(--green);width:min(740px,calc(100% - 40px));max-height:calc(100dvh - 60px);border-radius:3px;box-shadow:0 24px 100px #0b2d3340;overflow:visible}.detail-dialog::backdrop{background:#102c285e;backdrop-filter:blur(8px)}.dialog-close{width:43px;height:43px;border:1px solid var(--green);border-radius:50%;background:var(--paper);position:absolute;top:18px;right:18px;z-index:2;display:flex;align-items:center;justify-content:center}.dialog-close span{height:1px;width:17px;background:var(--green);position:absolute;transform:rotate(45deg)}.dialog-close span+span{transform:rotate(-45deg)}.dialog-close:hover{background:#e6e8de}.dialog-content{padding:62px 58px 50px;max-height:calc(100dvh - 60px);overflow:auto}.dialog-eyebrow{font:10px/1.7 Arial,sans-serif;letter-spacing:1.3px;margin-bottom:25px}.dialog-content h2{font-size:30px;line-height:1.6;letter-spacing:.02em;margin-bottom:25px;padding-right:12px}.dialog-content h2 span{display:block;font-size:15px;margin-top:5px}.dialog-content .dialog-lead{font-size:17px;line-height:1.9;margin:0 0 20px}.dialog-content p{font-size:14px;line-height:2.1;letter-spacing:.01em}.dialog-content p+p{margin-top:18px}.dialog-question-box{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0;padding:24px 0}.dialog-question-box span{font-size:10px;letter-spacing:.04em;display:block;margin-bottom:10px}.dialog-question-box p{font-size:20px;line-height:1.8}.dialog-note{font-size:11px!important;opacity:.8}.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px}.dialog-actions .text-link{font-size:12px}.dialog-actions a{font-size:12px;text-decoration:underline;text-underline-offset:5px}.status-label{display:inline-block;font-size:11px;padding:3px 14px;border:1px solid currentColor;border-radius:30px;margin-bottom:17px}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js .reveal.visible{opacity:1;transform:none}
@media(min-width:1600px){.site-header,.hero,.section-wrap,.site-footer{max-width:1700px;margin-left:auto;margin-right:auto}.site-header{padding-left:70px;padding-right:70px}.hero{min-height:850px}.hero-photo{top:370px;height:360px}.hero h1{font-size:122px}.hero-scribble{top:200px}.project-art{height:410px}}
@media(max-width:1100px){.desktop-nav{gap:22px;font-size:12px}.nav-contact{padding:10px 16px;gap:15px}.hero{min-height:700px;padding-left:6%;padding-right:6%}.hero h1{font-size:8.3vw}.hero-photo{width:46%;height:280px;top:325px}.hero-scribble{right:7%;top:180px}.hero-scribble svg{width:35px}.hero-scribble span{font-size:10px}.hero-sub{font-size:18px}.hero-haze{width:620px;height:550px;right:-120px}.section-wrap{padding-left:6%;padding-right:6%}.about,.company{grid-template-columns:25% 1fr;gap:5%}.projects-heading,.questions-heading{grid-template-columns:25% 1fr;gap:5%}.projects-heading>p,.questions-heading>p{grid-column:2;margin:16px 0 0}.project-grid{gap:21px}.project-art{height:300px}.art-small{font-size:7px;left:15px;right:12px;top:17px}.art-baobao{left:14px;top:65px;font-size:4.6vw}.art-vertical{left:22px;top:132px;font-size:23px}.art-foot{left:15px;bottom:17px;font-size:7px}.art-asterisk{font-size:120px}.talk-shape{width:160px;height:150px}.art-me-text{top:90px}.note-illustration{padding:27px 20px;left:17%;width:67%}.note-illustration>span{font-size:23px}.development-stamp{width:49px;height:49px;font-size:10px;bottom:40px;right:10px}.project-meta{font-size:8px;letter-spacing:.7px}.project-card h3{font-size:24px}.project-card h3 span{font-size:13px}.project-tagline{font-size:12px;letter-spacing:-.02em}.project-description{font-size:11px}.stance-inner{grid-template-columns:25% 1fr;gap:5%}.stance h2{font-size:6vw}.company h2{font-size:25px}.question-item-copy{font-size:22px}.contact-inner{gap:7%}.contact-note{font-size:9px}}
@media(max-width:760px){html{scroll-padding-top:24px}.site-header{height:80px;margin:0 6%}.wordmark{font-size:27px;gap:8px}.brand-mark{width:28px;height:32px;margin-right:1px}.logo-dot{width:6px;height:6px;margin-top:12px}.desktop-nav{display:none}.menu-toggle{display:flex;width:42px;height:42px;align-items:center;justify-content:center;background:none;position:relative}.menu-toggle span{position:absolute;width:24px;height:1px;background:var(--green);transition:transform .3s;transform:translateY(-4px)}.menu-toggle span+span{transform:translateY(4px)}.menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span+span{transform:rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;position:absolute;top:80px;left:0;right:0;z-index:25;background:var(--paper);padding:25px 7% 35px;flex-direction:column;box-shadow:0 30px 35px #194e4317}.mobile-nav a{padding:18px 0;border-bottom:1px solid var(--line);font-size:20px;display:flex;align-items:center;gap:20px}.mobile-nav small{font:10px/1 Arial,sans-serif}.mobile-nav a>span{margin-left:auto}.mobile-nav p{font-size:11px;margin-top:30px}.hero{padding:25px 6% 40px;min-height:840px}.hero-topline .eyebrow{font-size:9px;letter-spacing:1px}.hero-edition{font-size:10px;padding-left:12px;margin-right:0;letter-spacing:.05em}.hero-copy{margin-top:45px}.hero h1{font-size:10.5vw;line-height:1.5;letter-spacing:-.06em}.hero-sub{font-size:15px;letter-spacing:.025em;margin-top:21px;margin-bottom:15px}.hero-description{font-size:12px;line-height:2.1;letter-spacing:.03em}.hero-link{margin-top:22px;gap:20px;font-size:12px}.hero-link .round-arrow{width:35px;height:35px;font-size:19px}.hero-haze{width:480px;height:480px;right:-180px;top:10px;opacity:.85;filter:blur(23px)}.hero-photo{top:auto;bottom:95px;right:6%;left:6%;width:auto;height:260px}.hero-photo img{border-radius:90px 2px 2px 2px}.hero-photo figcaption{font-size:9px;margin-top:11px;letter-spacing:.05em}.hero-scribble{top:auto;bottom:365px;right:8%;gap:8px;transform:rotate(8deg)}.hero-scribble svg{width:30px;height:30px}.hero-scribble span{font-size:9px}.hero-index{bottom:28px;right:6%;font-size:7px;letter-spacing:.5px}.scroll-cue{left:6%;bottom:28px;gap:10px;font-size:8px;letter-spacing:.8px}.scroll-line{width:25px}.section-wrap{padding:75px 7%}.section-caption{gap:14px}.section-no{width:27px;height:27px;font-size:10px}.section-caption p{font-size:10px;letter-spacing:1px}.section-caption p span{font-size:10px;margin-top:5px}.about{display:block;padding-top:65px;padding-bottom:85px}.about-body{margin-top:42px}.about-body h2{font-size:clamp(16px,5.3vw,22px);line-height:1.9;letter-spacing:.02em;white-space:nowrap}.about-text{font-size:13px;line-height:2.2;margin:26px 0}.about-text p+p{margin-top:23px}.about-body>.text-link{font-size:11px;gap:20px}.about-body>.text-link .round-arrow{width:35px;height:35px}.about-oval{left:-200px;bottom:-80px;width:400px}.desktop-only{display:none}.projects{border-radius:8px 8px 0 0}.projects .section-wrap{padding-top:65px;padding-bottom:70px}.projects-heading,.questions-heading{display:block;margin-bottom:35px}.projects-heading h2,.questions-heading h2{font-size:34px;line-height:1.6;margin:34px 0 0;letter-spacing:.02em}.projects-heading>p,.questions-heading>p{font-size:12px;margin:20px 0 0;line-height:2}.project-grid{display:block}.project-card+.project-card{margin-top:44px}.project-art{height:360px;width:100%}.art-small{left:23px;top:22px;font-size:8px;letter-spacing:1px}.art-baobao{left:23px;top:71px;font-size:63px;letter-spacing:-3px}.art-vertical{left:35px;top:159px;font-size:27px}.art-foot{left:23px;bottom:23px;font-size:8px}.art-asterisk{font-size:145px;right:5px;bottom:-20px}.talk-shape{width:190px;height:180px}.talk-one{left:-30px;top:65px}.talk-two{right:-35px;bottom:35px}.art-me-text{font-size:46px;top:99px;left:17%;right:13%}.note-illustration{width:62%;left:20%;height:70%;padding:24px 31px}.note-illustration>span{font-size:28px}.development-stamp{width:58px;height:58px;right:22px;bottom:48px;font-size:11px}.project-meta{margin-top:20px;font-size:9px;letter-spacing:1px}.project-card h3{font-size:28px}.project-card h3 span{font-size:17px}.project-tagline{font-size:14px;margin:10px 0 12px}.project-description{font-size:12px;line-height:2;max-width:96%}.project-detail{padding:16px 0;font-size:11px;margin-top:12px}.questions{padding-top:70px;padding-bottom:65px}.questions-heading{margin-bottom:34px}.question-item{grid-template-columns:18px 63px 1fr 25px;gap:10px;padding:25px 0}.question-number{font-size:8px;margin-top:6px}.question-icon{width:62px;height:68px}.question-icon svg{width:45px;height:45px}.question-item-copy{font-size:17px;line-height:1.8;letter-spacing:-.025em}.question-item-copy br{display:block}.question-item .round-arrow{width:26px;height:33px;font-size:20px}.question-invite{display:grid;grid-template-columns:38px 1fr;gap:15px;padding-top:32px}.tiny-spark{font-size:39px}.question-invite p{font-size:12px}.question-invite p span{font-size:10px}.question-invite .text-link{grid-column:2;margin-left:0;justify-self:start;margin-top:8px;font-size:11px;gap:20px}.question-invite .round-arrow{width:35px;height:35px}.stance-inner{display:block;padding-top:65px;padding-bottom:70px}.stance h2{font-size:38px;line-height:1.7;margin:37px 0 27px;letter-spacing:.01em}.stance-text{font-size:12px;line-height:2.3;margin-top:0;letter-spacing:.01em}.stance-text p+p{margin-top:20px}.stance-text .stance-signature{font-size:15px;margin-top:32px}.stance-line{width:200px;height:130px;left:auto;right:-130px;top:50px}.stance-haze{width:430px;height:450px;bottom:-200px;right:-220px}.company{display:block;padding-top:65px;padding-bottom:65px}.company h2{font-size:20px;line-height:1.9;margin-top:35px;letter-spacing:0}.company-info{margin-top:25px}.company-info>div{grid-template-columns:77px 1fr;font-size:12px;padding:18px 0}.company-info dt{font-size:11px}.contact-inner{display:block;padding-top:55px;padding-bottom:55px}.contact h2{font-size:42px;line-height:1.55;margin-top:15px;letter-spacing:.025em}.contact-right{margin-top:25px;margin-bottom:0}.contact-right>p{font-size:12px;line-height:2.1}.contact-button{width:100%;max-width:100%;padding:17px 24px;font-size:13px}.contact-note{font-size:9px}.contact-orbit{left:auto;right:-150px;top:-50px;width:400px;height:520px;opacity:.65}.site-footer{padding:31px 6% 20px}.footer-top{padding:0 0 25px;gap:10px}.footer-top p{font-size:10px;letter-spacing:.01em}.back-top{font-size:8px;letter-spacing:.4px;gap:8px;flex-shrink:0}.back-top .round-arrow{width:28px;height:28px;font-size:16px}.footer-wordmark{font-size:15.4vw;line-height:1.3;letter-spacing:-.075em}.footer-bottom{font-size:7px;letter-spacing:.6px;margin-top:20px;padding-top:18px}.detail-dialog{width:calc(100% - 28px);max-height:calc(100dvh - 40px)}.dialog-content{padding:65px 25px 34px;max-height:calc(100dvh - 40px)}.dialog-close{width:35px;height:35px;right:15px;top:15px}.dialog-eyebrow{font-size:9px;margin-bottom:21px}.dialog-content h2{font-size:23px;margin-bottom:22px;padding-right:0}.dialog-content h2 span{font-size:14px}.dialog-content .dialog-lead{font-size:15px}.dialog-content p{font-size:12px;line-height:2.1}.dialog-question-box{margin:23px 0;padding:20px 0}.dialog-question-box p{font-size:17px}.dialog-note{font-size:10px!important}.dialog-actions{align-items:flex-start;flex-direction:column;gap:22px;margin-top:25px}.dialog-actions .round-arrow{width:34px;height:34px;font-size:18px}}
@media(max-width:370px){.hero{min-height:790px}.hero h1{font-size:10.5vw}.hero-sub{font-size:13px}.hero-photo{height:235px;bottom:90px}.hero-scribble{bottom:335px}.question-item{grid-template-columns:15px 52px 1fr 20px;gap:7px}.question-icon{width:52px;height:59px}.question-item-copy{font-size:15px}.project-art{height:330px}.art-baobao{font-size:54px}.art-me-text{font-size:40px}.note-illustration{padding-left:21px}.note-illustration>span{font-size:25px}.stance h2{font-size:34px}.company h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.js .reveal{opacity:1;transform:none}}

/* Company presentation, October 2026. */
.hero{min-height:760px}
.hero-copy{margin-top:42px}
.hero h1{font-size:clamp(62px,6.7vw,99px);line-height:1.5;letter-spacing:-.045em}
.hero-sub{font-size:18px;line-height:1.9;margin:26px 0 15px;letter-spacing:.035em}
.hero-description{font-size:13px;line-height:2.25}
.hero-link{margin-top:26px}
.hero-interview-link{display:block;width:fit-content;pointer-events:auto;font-size:11px;line-height:2;margin-top:18px;padding-bottom:3px;border-bottom:1px solid var(--line);letter-spacing:.02em}
.hero-interview-link span{margin-left:14px;font:16px/1 Arial,sans-serif}
.hero-interview-link:hover{border-color:var(--green)}
.hero-haze{opacity:.45;right:-40px;top:-20px;width:660px;height:660px;filter:blur(40px)}
.hero-visual{position:absolute;right:5.8%;top:206px;width:31%;height:375px;display:flex;align-items:center;justify-content:center}
.visual-orbit{position:absolute;border:1px solid rgba(25,78,67,.2);border-radius:50%;width:85%;height:90%;transform:rotate(26deg);background:linear-gradient(145deg,rgba(133,178,162,.08),rgba(217,170,150,.08))}
.orbit-two{width:100%;height:75%;transform:rotate(-27deg);border-color:rgba(25,78,67,.14);background:none}
.hero-note{position:relative;padding:15px 20px 15px 30px}
.hero-note>.eyebrow{font-size:9px;letter-spacing:1.5px}
.hero-note>p{font-size:clamp(23px,2.5vw,36px);font-weight:500;line-height:1.9;letter-spacing:.035em;margin:18px 0 21px}
.hero-note-foot{font-size:10px;letter-spacing:.07em}
.desktop-nav{gap:25px}
.projects-heading h2{font-size:clamp(28px,3.1vw,45px);line-height:1.7;letter-spacing:-.01em}
.project-tagline{font-size:13px}
.art-me-text{font-size:clamp(25px,2.55vw,38px);left:10%;right:2%;top:118px;transform:rotate(-4deg);line-height:1.9;letter-spacing:-.04em;white-space:nowrap}
.art-me-text i{padding-left:18%}
.question-icon{border-radius:50%;transform:none;background:transparent}
.question-icon svg{width:53px;height:53px;stroke-width:1.35}
.question-item:hover .question-icon{transform:none}
.question-item-copy{font-size:23px}
.question-item-copy br{display:none}
.tiny-spark{font-size:36px}
.news{display:grid;grid-template-columns:30% 1fr;gap:3%;padding-top:80px;padding-bottom:90px;border-top:1px solid var(--line)}
.news h2{font-size:32px;line-height:1.8;letter-spacing:.015em;margin-top:-10px;margin-bottom:30px}
.news-list{padding:0;margin:0;list-style:none}
.news-list>li>a{display:grid;grid-template-columns:85px 1fr 22px;gap:20px;align-items:start;padding:23px 0;border-bottom:1px solid var(--line);transition:background .25s}
.news-list>li:first-child>a{border-top:1px solid var(--line)}
.news-list>li>a:hover{background:rgba(133,178,162,.08)}
.news-date{font:11px/1.9 Arial,sans-serif;letter-spacing:.7px;padding-top:2px}
.news-date small{display:block;font:9px/1.9 'Zen Kaku',sans-serif;letter-spacing:.03em;margin-top:4px}
.news-title{font-size:13px;line-height:1.95;overflow-wrap:anywhere}
.news-arrow{font:21px/1.5 Arial,sans-serif;justify-self:end}
.news-archive{margin-top:2px}
.news-archive>summary,.company-origin>summary{list-style:none;display:flex;align-items:center;gap:15px;cursor:pointer;padding:22px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.8}
.news-archive>summary::-webkit-details-marker,.company-origin>summary::-webkit-details-marker{display:none}
.news-archive>summary>span:not(.archive-plus){font-size:10px;opacity:.65}
.archive-plus{margin-left:auto;font-size:20px;transition:transform .3s}
.news-archive[open] .archive-plus{transform:rotate(45deg)}
.news-archive .news-list>li:first-child>a{border-top:0}
.press-link{margin-top:27px;font-size:11px}
.press-link .round-arrow{width:35px;height:35px;font-size:18px}
.interviews{display:grid;grid-template-columns:30% 1fr;gap:3%;background:#e9ece5;padding-top:95px;padding-bottom:100px}
.interviews h2{font-size:38px;line-height:1.75;letter-spacing:.015em;margin-top:-11px}
.interviews-intro{max-width:650px;font-size:14px;line-height:2.2;margin:28px 0 34px}
.interviews-intro p+p{margin-top:17px}
.interview-promises{list-style:none;padding:0;margin:0 0 32px;border-top:1px solid var(--line)}
.interview-promises>li{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}
.interview-promises>li>span{font:10px/1.8 Arial,sans-serif;letter-spacing:.8px;padding-top:4px}
.interview-promises h3{font-size:16px;line-height:1.9;margin-bottom:8px;letter-spacing:.01em}
.interview-promises p{font-size:12px;line-height:2.1;max-width:600px}
.interviews-body>.text-link{font-size:12px}
.representative{display:grid;grid-template-columns:220px 1fr;gap:32px;margin:45px 0 42px;align-items:start}
.representative figure{padding-top:5px}
.representative img{width:100%;height:auto;object-fit:contain}
.representative figcaption{font-size:16px;line-height:1.8;letter-spacing:.06em;margin-top:20px}
.representative figcaption>span{display:block;font-size:10px;letter-spacing:.03em;margin-bottom:5px}
.representative-message h3{font-size:18px;line-height:1.9;letter-spacing:0;margin-bottom:15px}
.representative-message p{font-size:12px;line-height:2.2}
.representative-message p+p{margin-top:18px}
.company-info dd a{text-decoration:underline;text-underline-offset:5px}
.company-origin{margin-top:17px}
.company-origin>summary{font-size:12px;justify-content:space-between}
.company-origin>summary>span{font-size:20px}
.company-origin[open]>summary>span{transform:rotate(45deg)}
.company-origin>div{padding:25px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:2.2}
.company-origin>div>p+p{margin-top:15px}
.origin-word{font:26px/1.5 Arial,sans-serif;letter-spacing:-.5px;margin-bottom:20px}
.origin-word>span{font:16px/1 Arial,sans-serif;margin:0 15px;opacity:.7}
.contact h2{font-size:clamp(40px,4.5vw,66px)}
.footer-nav{display:flex;gap:28px;justify-content:center;font-size:11px;margin:15px 0 35px;line-height:1.9}
.footer-nav a:hover{text-decoration:underline;text-underline-offset:6px}
@media(min-width:1600px){.hero{min-height:830px}.hero h1{font-size:99px}.hero-visual{top:215px;width:32%;height:405px}.hero-note>p{font-size:38px}}
@media(max-width:1100px){.desktop-nav{gap:17px;font-size:11px}.hero{min-height:740px}.hero h1{font-size:7.2vw}.hero-sub{font-size:16px}.hero-description{font-size:12px}.hero-visual{right:4%;width:31%;top:220px;height:330px}.hero-note{padding-left:20px;padding-right:0}.hero-note>p{font-size:2.65vw}.hero-note-foot{font-size:9px;letter-spacing:0}.news,.interviews{grid-template-columns:25% 1fr;gap:5%}.interviews h2{font-size:33px}.representative{grid-template-columns:180px 1fr;gap:25px}.representative-message h3{font-size:17px}.project-tagline{font-size:11px}.art-me-text{font-size:2.5vw;top:100px;left:8%}}
@media(max-width:760px){.hero{min-height:850px;padding-top:25px}.hero-copy{margin-top:40px}.hero h1{font-size:10.6vw;line-height:1.6;letter-spacing:-.035em}.hero-sub{font-size:13px;line-height:1.9;margin:22px 0 15px;letter-spacing:.005em}.hero-description{font-size:11px;line-height:2.25;letter-spacing:.01em}.hero-link{margin-top:22px}.hero-interview-link{font-size:10px;margin-top:17px;letter-spacing:0}.hero-interview-link span{font-size:14px;margin-left:12px}.hero-haze{width:440px;height:480px;top:105px;right:-220px;opacity:.42;filter:blur(28px)}.hero-visual{width:70%;height:230px;right:4%;top:auto;bottom:70px}.visual-orbit{width:87%;height:83%;transform:rotate(26deg)}.orbit-two{width:100%;height:75%;transform:rotate(-22deg)}.hero-note{padding:10px 0 10px 16px}.hero-note>.eyebrow{font-size:8px;letter-spacing:1px}.hero-note>p{font-size:23px;line-height:1.8;margin:10px 0}.hero-note-foot{font-size:8px;letter-spacing:.02em}.hero-index{font-size:6px;letter-spacing:.3px}.hero-edition{font-size:9px}.about{padding-top:60px;padding-bottom:70px}.about-text{font-size:12px;line-height:2.3}.projects-heading h2{font-size:clamp(23px,6.5vw,34px);line-height:1.8;margin-top:32px}.projects-heading>p{margin-top:18px}.project-tagline{font-size:13px}.art-me-text{font-size:34px;left:11%;top:118px}.question-item-copy{font-size:16px;letter-spacing:-.02em}.question-item-copy br{display:block}.question-icon svg{width:43px;height:43px}.question-invite p{font-size:11px}.question-invite p span{font-size:10px}.question-invite .text-link{font-size:11px}.tiny-spark{font-size:28px}.questions-heading h2{font-size:29px}.news{display:block;padding-top:55px;padding-bottom:60px}.news h2{font-size:26px;margin:31px 0 25px}.news-list>li>a{grid-template-columns:59px 1fr 15px;gap:12px;padding:21px 0}.news-date{font-size:9px;letter-spacing:.1px;padding-top:3px}.news-date small{font-size:8px}.news-title{font-size:11px;line-height:2}.news-arrow{font-size:18px}.news-archive>summary{font-size:11px;padding:19px 0}.press-link{font-size:10px;margin-top:23px}.interviews{display:block;padding-top:65px;padding-bottom:65px}.interviews h2{font-size:28px;line-height:1.8;margin-top:33px;letter-spacing:0}.interviews-intro{font-size:12px;line-height:2.2;margin-top:23px;margin-bottom:27px}.interview-promises>li{gap:15px;padding:21px 0}.interview-promises>li>span{font-size:9px}.interview-promises h3{font-size:13px;line-height:1.85;margin-bottom:8px}.interview-promises p{font-size:11px;line-height:2}.interviews-body>.text-link{font-size:10px;gap:15px}.interviews-body>.text-link>.round-arrow{width:34px;height:34px;font-size:18px}.representative{display:block;margin:30px 0}.representative figure{display:flex;align-items:center;gap:20px;padding-top:0;margin-bottom:27px}.representative img{width:45%;height:auto;flex-shrink:0}.representative figcaption{margin:0;font-size:16px;letter-spacing:.03em}.representative figcaption>span{font-size:9px;letter-spacing:0;white-space:nowrap}.representative-message h3{font-size:16px;line-height:1.9;margin-bottom:17px}.representative-message p{font-size:12px;line-height:2.2}.company-origin>summary{font-size:11px;gap:8px}.company-origin>div{font-size:11px}.origin-word{font-size:24px}.contact h2{font-size:39px}.contact-right>p{font-size:11px}.footer-nav{flex-wrap:wrap;column-gap:20px;row-gap:12px;margin:22px 0 27px;font-size:9px}.mobile-nav:not([hidden]){padding-bottom:25px}.mobile-nav a{font-size:18px;padding:15px 0}.mobile-nav p{margin-top:23px}}
@media(max-width:370px){.hero{min-height:835px}.hero-visual{width:74%;bottom:67px;height:225px}.hero-sub{font-size:11px}.hero-description{font-size:10px}.hero-interview-link{font-size:9px}.art-me-text{font-size:29px}.question-item-copy{font-size:14px}.interviews h2{font-size:25px}.representative figure{gap:13px}.representative figcaption{font-size:14px}.representative figcaption>span{font-size:8px}.company h2{font-size:18px}}

@media(max-width:760px){.hero-sub{font-size:14px}.hero-description{font-size:13px;line-height:2.15;letter-spacing:0}.news-title{font-size:12px}.interviews-intro{font-size:13px}.interview-promises p{font-size:12px}.contact-right>p{font-size:12px}}
@media(max-width:370px){.hero-sub{font-size:12px}.hero-description{font-size:12px}}

/* Partner, family and personal life headline. */
.hero h1{font-size:clamp(44px,6.3vw,96px);line-height:1.45}
.hero-sub{max-width:680px}
.hero-description{max-width:660px}
@media(max-width:600px){.hero h1{font-size:7.4vw;letter-spacing:-.05em;line-height:1.65}.hero-sub{font-size:14px;line-height:1.9;max-width:290px}.hero-description{font-size:11px;max-width:310px}.hero-description br{display:none}}

/* Readable body copy and company details, November 2026. */
.hero{min-height:850px}
.hero h1{font-size:clamp(42px,5.2vw,82px)}
.hero-sub{font-size:18px;line-height:1.9}
.hero-description,.about-text,.stance-text,.representative-message p,
.project-description,.contact-right>p,.company-origin>div,
.dialog-content p{font-size:16px;line-height:1.95;letter-spacing:.015em}
.project-tagline{font-size:17px;line-height:1.8}
.news-title{font-size:16px;line-height:1.85}
.questions-heading>p,.projects-heading>p{font-size:16px;line-height:1.95}
.question-invite p,.question-invite p span{font-size:16px;line-height:1.9}
.representative-message h3{font-size:20px;line-height:1.7}
.representative-interview{margin-top:22px;font-size:14px}
.representative figcaption>span{font-size:12px;line-height:1.8;white-space:normal}
.company-info>div{grid-template-columns:130px minmax(0,1fr);column-gap:20px;font-size:16px;line-height:1.9;padding:22px 0}
.company-info dt{font-size:14px}
.company-info dd{min-width:0;overflow-wrap:anywhere}
.company-info address{font-style:normal}
.company-origin>summary,.news-archive>summary{font-size:14px}
.contact-note,.footer-nav{font-size:14px;line-height:1.8}

@media(max-width:1100px) and (min-width:761px){
  .project-grid{grid-template-columns:1fr;gap:35px;max-width:620px;margin-inline:auto}
  .project-art{aspect-ratio:1.4;height:auto;min-height:300px}
}
@media(max-width:760px){
  .hero{min-height:0;padding-bottom:55px}
  .hero h1{font-size:7.4vw;line-height:1.65}
  .hero-sub{font-size:16px;line-height:1.9;max-width:none}
  .hero-description{font-size:16px;line-height:1.95;max-width:34em}
  .hero-description br{display:none}
  .hero-visual{position:relative;top:auto;right:auto;bottom:auto;width:100%;max-width:400px;height:230px;margin:28px auto 0}
  .scroll-cue{display:none}
  .hero-index{bottom:14px}
  .about-text,.stance-text,.representative-message p,.project-description,
  .contact-right>p,.company-origin>div,.dialog-content p{font-size:16px;line-height:1.95}
  .news-title{font-size:15px;line-height:1.85}
  .question-invite{flex-wrap:wrap;gap:16px}
  .question-invite p,.question-invite p span{font-size:15px;line-height:1.8}
  .question-invite .text-link{font-size:14px}
  .representative-message h3{font-size:19px}
  .representative figcaption>span{font-size:11px;white-space:normal}
  .company-info>div{grid-template-columns:1fr;row-gap:7px;padding:20px 0}
  .company-info dt{font-size:14px}
  .company-origin>summary{font-size:14px}
  .contact-note,.footer-nav{font-size:13px}
}
