:root{--paper:#f3f0e8;--ink:#183d42;--muted:#63716b;--coral:#b95132;--sage:#dce4d6;--line:#c7ccc1;--sans:'Noto Sans JP',sans-serif;--serif:'Noto Serif JP',serif;--en:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.9;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure,ul,ol{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}button{border:0}button:disabled{cursor:default}[hidden]{display:none!important}:focus-visible{outline:3px solid #be623d;outline-offset:5px}::selection{background:#e2b192;color:var(--ink)}.skip-link{position:fixed;top:10px;left:12px;z-index:1000;padding:8px 16px;background:var(--ink);color:white;transform:translateY(-150%)}.skip-link:focus{transform:none}.preview-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 5%;background:var(--ink);color:#f3f0e8;font:10px/1.8 var(--en);letter-spacing:.12em}.preview-bar b{margin-left:8px;font-family:var(--sans);font-weight:400;letter-spacing:0}.preview-bar i{display:inline-block;width:5px;height:5px;background:#dab58d;border-radius:50%;margin-right:7px}.preview-bar a{font-family:var(--sans);font-size:11px;letter-spacing:0;padding:2px 0}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;height:98px;padding:0 5%;background:#f3f0e8ee;backdrop-filter:blur(18px);border-bottom:1px solid #183d421a}.brand{display:flex;align-items:center;gap:12px}.brand>span{font-family:var(--serif);font-size:25px;font-weight:600;letter-spacing:.05em;line-height:1.4}.brand small{display:block;margin-top:4px;font-family:var(--sans);font-size:9px;font-weight:400;letter-spacing:.03em}.main-nav{display:flex;align-items:center;gap:30px;font-size:12px}.main-nav a{position:relative;padding:12px 0}.main-nav a::after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .25s}.main-nav a:hover::after{transform:scaleX(1)}.main-nav .nav-contact{padding:12px 22px;background:var(--ink);color:var(--paper);border-radius:2px}.nav-contact span{margin-left:16px}.menu-button{display:none}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:16px 6% 26px;box-shadow:0 25px 30px #183d4220;max-height:calc(100svh - 80px);overflow:auto}.mobile-menu a{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-size:16px}.eyebrow,.chapter-label{font:11px/1.6 var(--en);letter-spacing:.12em}.tiny-ring{display:inline-block;width:9px;height:9px;margin-right:9px;border:2px solid var(--coral);border-radius:50%}.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1600px;margin:auto;padding:75px 5% 0}.hero-copy{position:relative;z-index:3;padding-bottom:48px}.hero h1{margin:26px 0 24px;font-family:var(--serif);font-size:clamp(45px,5.25vw,86px);font-weight:500;line-height:1.35;letter-spacing:-.065em}.hero h1>span{display:block;white-space:nowrap}.hero-last{margin-top:7px}.coral-dot{color:var(--coral)}.hero-sub{font-size:20px;letter-spacing:.07em;font-weight:500;margin-top:24px}.mobile-br{display:none}.hero-body{font-size:14px;color:#4c615a;margin-top:12px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;min-height:56px;padding:15px 24px;font-size:13px;font-weight:500;border-radius:2px;line-height:1.7;transition:background .22s,color .22s,box-shadow .22s}.button>span:last-child{font-size:22px;font-weight:400;line-height:1}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#295259;box-shadow:0 8px 20px #183d4220}.button-coral{background:var(--coral);color:white}.button-coral:hover{background:#963d24}.button-outline{border:1px solid var(--ink);background:transparent}.button-outline:hover{background:var(--ink);color:var(--paper)}.button-light{background:var(--paper);color:var(--ink)}.button-light:hover{background:#e4dccb}.quiet-link{font-size:12px;white-space:nowrap}.quiet-link span{display:inline-block;margin-left:10px;transition:transform .2s}.quiet-link:hover span{transform:translateY(4px)}.micro{font-size:11px;line-height:1.9;color:#526660}.hero-note{margin-top:12px;font-size:10px}.hero-art{position:relative;height:610px;min-width:0;isolation:isolate}.ring-stage{position:absolute;inset:-4% -5% 0;z-index:1;pointer-events:none}.ring-stage canvas{display:block;width:100%;height:100%}.ring-fallback{position:absolute;inset:0;width:100%;height:100%;transition:opacity .3s}.ring-stage.is-ready .ring-fallback{opacity:0}.art-orbit{position:absolute;top:10%;left:9%;width:78%;aspect-ratio:1;border:1px solid #79867542;border-radius:50%;transform:none}.art-orbit::before{content:'';position:absolute;left:10%;top:12%;width:10px;height:10px;border-radius:50%;background:var(--coral)}.hero-photo{position:absolute;z-index:2;background:#fffdf7;padding:7px 7px 30px;box-shadow:0 18px 32px #27382d17;will-change:transform}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo figcaption{position:absolute;bottom:6px;left:10px;font:9px var(--en);letter-spacing:.06em}.photo-local{width:52%;height:215px;top:0;right:-2%;transform:rotate(8deg)}.photo-local img{object-position:70% center}.photo-craft{width:38%;height:188px;bottom:20px;left:0;transform:rotate(-8deg)}.art-label{position:absolute;z-index:3;font-size:12px;letter-spacing:.18em}.art-label-top{left:2%;top:15%;writing-mode:vertical-rl}.art-label-bottom{right:4%;bottom:19%;font:10px/1.7 var(--en);letter-spacing:.12em}.art-caption{position:absolute;right:0;bottom:0;font-size:9px;color:var(--muted)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--line);padding:30px 0 27px;font:10px/1.6 var(--en);letter-spacing:.07em}.hero-bottom>span:first-child i{display:inline-block;margin-left:20px;font-size:18px;font-style:normal}.hero-bottom p{font-family:var(--serif);font-size:13px;line-height:1.8}.edition{font-size:9px;text-align:right}.chapter{position:relative;padding:100px max(5%,calc((100vw - 1440px)/2));scroll-margin-top:0}.chapter-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.chapter-label>span:last-child{font-family:var(--sans);font-size:10px;letter-spacing:.06em}h2{font-family:var(--serif);font-size:clamp(32px,3.8vw,56px);font-weight:500;line-height:1.55;letter-spacing:-.035em}h2 em{font-style:normal;color:var(--coral)}.manifesto{overflow:hidden;padding-bottom:130px}.manifesto-layout{display:grid;grid-template-columns:1fr .7fr;gap:12%;align-items:center}.manifesto h2{font-size:clamp(38px,4.5vw,68px)}.manifesto-layout>div>p{font-size:16px;line-height:2}.manifesto-layout>div>p+p{margin-top:20px}.text-arrow{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--ink);font-size:12px;padding:10px 0;margin-top:22px}.text-arrow span{font-size:25px;transition:transform .2s}.text-arrow:hover span{transform:translate(3px,3px)}.word-ribbon{position:absolute;bottom:12px;left:0;right:0;white-space:nowrap;font:500 clamp(50px,8vw,130px)/1.1 var(--en);letter-spacing:-.04em;color:#183d4210;pointer-events:none;transform:rotate(-3deg)}.works{background:var(--sage);overflow:hidden}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}.section-heading>p{font-size:14px;line-height:1.9;padding-bottom:10px}.work-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);align-items:center;gap:6%}.works-carousel{min-width:0}.works-viewport{overflow:hidden;touch-action:pan-y}.works-track{display:flex;transform:translateX(-100%);align-items:stretch}.works-track.is-animated{transition:transform .44s cubic-bezier(.22,.65,.3,1)}.works-slide{flex:0 0 100%;min-width:0;padding:20px 8px 20px}.device-scene{position:relative;min-height:330px;padding:0 13% 50px 0}.desktop-device{width:100%;padding-left:0;filter:drop-shadow(0 18px 20px #253f2a22)}.desktop-screen{position:relative;aspect-ratio:1.62;border:10px solid #1c2625;border-bottom-width:14px;border-radius:14px 14px 0 0;overflow:hidden;background:#141c1c}.desktop-screen img{width:100%;max-width:none;transform:translateY(-12.4%) scale(1.01);transform-origin:top}.desktop-base{width:100%;height:7px;background:linear-gradient(#d2dcda,#869894);border-radius:0 0 5px 5px}.phone-device{position:absolute;right:1%;bottom:23px;width:25%;aspect-ratio:9/19;border:6px solid #263331;border-radius:26px;background:#263331;box-shadow:0 0 0 2px #879b92,0 20px 20px #203b3424;overflow:hidden}.phone-device img{width:100%;height:100%;object-fit:cover;object-position:top}.phone-device::before{content:'';position:absolute;top:0;left:25%;width:50%;height:9px;background:#263331;border-radius:0 0 14px 14px;z-index:1}.device-caption{position:absolute;bottom:5px;left:0;font:8px var(--en);letter-spacing:.12em}.works-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:18px;border-top:1px solid #77917c66;font-size:12px}.works-controls small{display:block;font:8px/1.8 var(--en);letter-spacing:.1em}.works-controls>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.round-button{width:44px;height:44px;border:1px solid #183d4270;border-radius:50%;background:transparent;font-size:22px;line-height:1}.round-button:hover{background:var(--ink);color:white}.play-button{background:transparent;font-size:10px;border-bottom:1px solid #183d4270;min-height:44px;padding:6px}.play-button:disabled{opacity:.6}.works-carousel>.micro{margin-top:12px;font-size:10px}.tag{display:inline-block;border:1px solid #728677;padding:4px 10px;font-size:10px}.work-copy h3{font-family:var(--serif);font-size:30px;font-weight:500;margin:18px 0}.work-copy>p:not(.micro){font-size:14px}.work-facts{list-style:none;padding:0;margin:22px 0}.work-facts li{display:flex;gap:15px;align-items:center;padding:11px 0;border-bottom:1px solid #8fa28f6b}.work-facts span{font:10px var(--en);color:var(--coral)}.work-facts strong{font-size:14px;font-weight:500}.work-copy .button{width:100%;margin-top:10px}.work-copy>.micro{margin-top:14px;font-size:10px}.experience{background:#173d42;color:var(--paper)}.experience .chapter-label{color:#bcc8bb}.experience-types{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.experience-tab{display:grid;grid-template-columns:30px 1fr;gap:4px 15px;align-items:center;background:transparent;color:#b9c6ba;text-align:left;padding:20px 0;border-block:1px solid #6d868666;min-height:90px}.experience-tab>span{font:13px var(--en)}.experience-tab strong{font-family:var(--serif);font-size:22px;font-weight:500}.experience-tab small{grid-column:2;font-size:11px}.experience-tab[aria-pressed=true]{color:#f8edda;border-bottom:3px solid #dc9170}.experience-tab:hover{background:#ffffff06}.experience-stage{overflow:hidden;background:#e9e4d7;color:var(--ink);border-radius:8px 8px 2px 2px;box-shadow:0 35px 60px #061a1d30}.preview-toolbar{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:12px 20px;background:#eceade;border-bottom:1px solid #c7cbbc;font:11px var(--en)}.preview-toolbar>span{display:flex;gap:5px}.preview-toolbar i{width:6px;height:6px;background:#adb4a7;border-radius:50%}.preview-toolbar p{margin-right:auto;font-family:var(--sans);font-size:10px}.preview-toolbar b{font-family:var(--sans);font-size:9px;font-weight:400}.site-preview{height:480px;overflow:hidden}.site-preview a{pointer-events:none}.preview-inner{position:relative;height:100%;background:#f3efe5}.mini-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 30px;font-size:10px;border-bottom:1px solid #a6b4a02e}.mini-nav strong{font-family:var(--serif);font-size:20px;font-weight:500}.mini-nav>span{font-size:9px;letter-spacing:.08em}.mini-hero{position:relative;height:275px;overflow:hidden}.mini-hero img{width:100%;height:100%;object-fit:cover;object-position:center 56%}.mini-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06282178,transparent 75%)}.mini-hero>div{position:absolute;left:5%;top:18%;z-index:1;color:#fff8e9}.mini-hero small{font:9px var(--en);letter-spacing:.1em}.mini-hero h3{font-family:var(--serif);font-size:44px;font-weight:400;line-height:1.5}.mini-bottom{padding:18px 5%;display:flex;justify-content:space-between;gap:25px;align-items:center}.mini-bottom p{font-size:12px}.mini-bottom strong{font-family:var(--serif);font-size:19px}.mini-page{padding:26px 5%}.mini-page>small{font:9px var(--en);letter-spacing:.14em;color:#927d58}.mini-page>h3{font-family:var(--serif);font-size:30px;font-weight:500;margin:5px 0 18px}.mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.mini-card img{width:100%;height:160px;object-fit:cover}.mini-card h4{font-family:var(--serif);font-size:19px;font-weight:500;margin:8px 0 0}.mini-card p{font-size:11px;margin-top:3px}.mini-about{display:grid;grid-template-columns:1fr 1fr;gap:35px}.mini-about img{height:240px;width:100%;object-fit:cover}.mini-about h4{font:500 25px/1.7 var(--serif);margin:10px 0}.mini-about p{font-size:12px}.mini-news{list-style:none;padding:0}.mini-news li{display:grid;grid-template-columns:90px 90px 1fr;gap:20px;padding:18px 0;border-top:1px solid #cbd0c4;font-size:13px}.mini-news span{font:11px var(--en)}.mini-news b{font-weight:400;font-size:11px;color:#8c795b}.mini-contact{padding:20px 24px;background:#e5e8dc;font-size:13px;max-width:640px}.mini-contact strong{font:500 24px var(--serif)}.mini-contact p{margin:10px 0}.mini-contact span{display:inline-block;background:#24493d;color:white;padding:9px 18px;font-size:11px}.experience-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:30px}.experience-bottom strong{font-size:17px;font-weight:500}.experience-bottom p{font-size:13px;color:#c9d2c8;margin-top:6px}.experience-bottom .button{flex-shrink:0}.preview-selector{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.preview-selector button{background:transparent;border:1px solid #819a9477;color:#e8eddf;padding:8px 17px;min-height:44px;font-size:12px;border-radius:2px}.preview-selector button[aria-pressed=true]{background:#f3eedf;color:var(--ink);border-color:#f3eedf}.preview-selector button:hover{border-color:#f4dfc1}.experience-note{font-size:10px;color:#b4c5bc;margin-top:14px}.support-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:75px;padding-top:35px;border-top:1px solid #8a9e9555}.support-row b{font:10px var(--en);letter-spacing:.1em;color:#e0a17d}.support-row h3{font:500 20px/1.8 var(--serif);margin:10px 0}.support-row p{font-size:12px;color:#c9d2c8}.process-layout{display:grid;grid-template-columns:1fr .85fr;gap:10%}.process-intro{position:sticky;top:140px;align-self:start}.process-intro>p{font-size:14px;margin-top:24px}.build-composition{height:300px;position:relative;margin-top:35px}.build-note{position:absolute;top:10px;left:0;padding:22px;background:#ead7ab;transform:rotate(-7deg);font:14px var(--en);box-shadow:0 9px 22px #1a3b3910}.build-note span{display:block;font:10px var(--sans);margin-top:13px}.build-photo{position:absolute;bottom:14px;left:8%;width:49%;height:180px;object-fit:cover;padding:6px;border:1px solid #d4d2c1;background:#fff;transform:rotate(-8deg)}.build-window{position:absolute;top:55px;right:0;width:48%;background:#e0e9d9;padding:13px 16px;border:1px solid #8b9d87;border-radius:3px;transform:rotate(7deg);box-shadow:0 15px 25px #1a3b3918}.build-window>span{display:block;font-size:6px;margin-bottom:20px}.build-window b{font:500 20px/1.4 var(--en)}.build-window i{display:block;background:#9fac99;width:90%;height:2px;margin-top:12px}.build-window i:last-child{width:65%;margin-top:7px}.build-plus{position:absolute;top:0;right:3%;font:40px var(--en);color:var(--coral)}.steps{list-style:none;padding:0}.steps li{display:grid;grid-template-columns:54px 1fr;gap:24px;border-top:1px solid var(--line);padding:42px 0;transition:background .3s}.steps li:last-child{border-bottom:1px solid var(--line)}.steps>li>span{font:38px/1.5 var(--en);color:#819184;font-weight:400}.steps h3{font:500 23px/1.7 var(--serif);margin-bottom:12px}.steps p{font-size:14px;color:#52665c}.steps li.is-current>span{color:var(--coral)}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center;background:#e9e6db}.about-visual{position:relative;padding-bottom:15px}.about-visual>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:45% 45% 0 0}.about-visual>small{font-size:9px;color:#53665c}.about-stamp{position:absolute;bottom:40px;right:-28px;display:grid;align-content:center;width:115px;height:115px;border-radius:50%;background:var(--coral);color:#fff8ec;font:12px/1.7 var(--en);letter-spacing:.06em;text-align:center;transform:rotate(12deg)}.about-copy h2{margin:22px 0 28px}.about-name{font:500 21px var(--serif)}.about-name span{font:10px var(--sans);margin-left:12px}.about-copy>.micro{margin:9px 0 24px}.about-copy>p:not(.eyebrow):not(.about-name):not(.micro){font-size:14px;margin-top:20px}.monitor{display:grid;grid-template-columns:1fr .9fr;gap:10%;background:#d5decc}.availability-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4c7b46;margin-right:9px}.monitor h2{margin:23px 0}.monitor-heading>p:not(.eyebrow){font-size:14px}.monitor-heading .button{margin-top:28px}.monitor-terms>div{padding:22px 0;border-top:1px solid #8da38b88}.monitor-terms>div>span{font:9px var(--en);color:#5a7359;letter-spacing:.12em}.monitor-terms h3{font-size:15px;font-weight:500;margin:5px 0 10px}.monitor-terms p{font-size:13px}.monitor-cooperation{padding:16px 0;border-top:1px solid #8da38b88;font-size:11px!important}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%}.faq h2{font-size:36px;margin-top:22px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{display:block;position:relative;list-style:none;padding:24px 35px 24px 0;font-size:14px;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';position:absolute;right:0;top:16px;font:26px var(--en);color:var(--coral)}.faq-list details[open] summary::after{content:'−'}.faq-list details p{font-size:13px;line-height:1.9;padding:0 28px 24px 0;color:#506159}.contact{background:var(--ink);color:var(--paper);overflow:hidden;padding-top:105px;padding-bottom:30px}.contact>.eyebrow{color:#bccbbd}.contact h2{position:relative;z-index:1;font-size:clamp(43px,6.5vw,94px);line-height:1.4;letter-spacing:-.045em;margin:28px 0}.contact>p:not(.eyebrow):not(.contact-note){font-size:14px;position:relative;z-index:1}.contact .button{position:relative;z-index:1;margin-top:30px;gap:22px}.line-symbol{display:grid;place-content:center;font:700 8px var(--en);width:31px;height:31px;border-radius:50%;background:#38664d;color:white}.contact-note{margin-top:16px;font-size:11px;color:#c0cdbe}.contact-orbit{position:absolute;right:-5%;top:0;width:56%;aspect-ratio:1;border:1px solid #b7d3c322;border-radius:50%;transform:rotate(20deg)}.contact-orbit::before,.contact-orbit::after{content:'';position:absolute;inset:9%;border:1px solid #b7d3c322;border-radius:50%;transform:scaleY(.7) rotate(-25deg)}.contact-orbit::after{inset:22%;transform:scaleY(1.5) rotate(35deg)}.contact-end{display:flex;justify-content:space-between;align-items:flex-end;margin-top:60px;border-top:1px solid #bdcdbb33;padding-top:22px;font:500 clamp(25px,4vw,60px)/1.15 var(--en);letter-spacing:-.03em;color:#c2d0bd77}.contact-end img{width:140px;height:100px;object-fit:contain}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:38px 5% 85px;font-size:11px}.footer-brand{font:500 22px var(--serif)}.site-footer p{font-size:9px;line-height:1.8}.site-footer>a:last-child{border-bottom:1px solid var(--ink);padding:6px 0}.motion-toggle{position:fixed;bottom:16px;right:18px;z-index:70;background:#f3f0e8e8;backdrop-filter:blur(12px);border:1px solid #183d4233;box-shadow:0 3px 15px #183d4210;border-radius:100px;font-size:10px;min-height:40px;padding:8px 14px}.motion-toggle span{margin-left:10px}.motion-toggle:disabled{opacity:.65}.is-paused *{animation-play-state:paused!important}
@media(min-width:1600px){.hero-art{height:660px}.hero{padding-top:90px}.hero-copy{padding-bottom:75px}}
@media(max-width:1100px){.main-nav{gap:18px;font-size:11px}.hero{padding-top:55px}.hero-art{height:500px}.photo-local{height:175px}.photo-craft{height:160px}.hero h1{font-size:5.4vw}.hero-actions{gap:18px;flex-wrap:wrap}.chapter{padding-block:75px}.work-layout{gap:5%;grid-template-columns:1.15fr .85fr}.device-scene{min-height:0}.work-copy h3{font-size:26px}.desktop-screen{border-width:7px;border-bottom-width:10px}.work-facts strong{font-size:12px}.site-preview{height:440px}.mini-card img{height:145px}.experience-tab strong{font-size:19px}.process-layout{gap:8%}.steps h3{font-size:20px}.about{gap:7%}}
@media(max-width:800px){.site-header{height:78px;padding-inline:6%}.brand>span{font-size:21px}.brand img{width:36px;height:36px}.brand small{font-size:8px}.main-nav{display:none}.menu-button{display:block;position:relative;background:transparent;width:44px;height:46px;padding:5px 7px}.menu-button>span{display:block;height:1px;width:27px;background:var(--ink);margin:7px 0;transition:transform .2s}.menu-button>b{display:block;font:8px var(--en);letter-spacing:.08em}.menu-button[aria-expanded=true]>span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button[aria-expanded=true]>span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}.preview-bar{padding-inline:6%}.hero{grid-template-columns:1fr;padding:40px 6% 0}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(38px,8.5vw,65px);line-height:1.35;margin:20px 0}.hero-sub{font-size:17px}.hero-body{font-size:14px}.hero-actions{flex-wrap:nowrap;gap:22px;margin-top:23px}.hero-art{height:480px;width:100%;max-width:620px;margin:25px auto 0}.ring-stage{inset:0 1%}.photo-local{width:45%;height:175px;top:9%;right:2%}.photo-craft{width:34%;height:160px;left:5%;bottom:14px}.art-label-top{top:17%;left:7%}.art-label-bottom{bottom:12%}.art-caption{bottom:6px}.hero-bottom{padding:24px 0}.hero-bottom p{font-size:12px}.hero-bottom .edition{display:none}.chapter{padding:65px 6%}.chapter-label{margin-bottom:34px}h2{font-size:clamp(32px,6.5vw,48px)}.manifesto{padding-bottom:120px}.manifesto-layout{grid-template-columns:1fr;gap:30px}.manifesto h2{font-size:clamp(38px,8vw,56px)}.manifesto-layout>div>p{font-size:15px}.manifesto-layout>div>p+p{margin-top:16px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{font-size:13px;margin-top:20px}.work-layout{grid-template-columns:1fr;gap:40px}.device-scene{padding-bottom:55px}.works-controls{padding-top:14px}.work-copy h3{font-size:29px}.work-facts strong{font-size:14px}.work-copy{max-width:600px}.work-copy .button{width:auto;min-width:260px}.experience-types{gap:14px}.experience-tab{display:block;padding:16px 0}.experience-tab>span{display:block;font-size:10px;margin-bottom:7px}.experience-tab strong{display:block;font-size:18px}.experience-tab small{display:block;font-size:10px;margin-top:7px}.experience-bottom{display:block;margin-top:24px}.experience-bottom strong{font-size:16px}.experience-bottom p{font-size:13px}.experience-bottom .button{width:100%;margin-top:22px}.support-row{grid-template-columns:1fr;gap:25px;margin-top:45px}.support-row h3{font-size:21px;margin:5px 0}.support-row p{font-size:13px}.process-layout{grid-template-columns:1fr;gap:30px}.process-intro{position:static}.build-composition{max-width:520px;height:285px;margin-top:25px}.steps li{padding:28px 0;gap:15px;grid-template-columns:46px 1fr}.steps h3{font-size:21px}.steps p{font-size:14px}.steps>li>span{font-size:32px}.about{grid-template-columns:1fr;gap:35px}.about-visual{max-width:570px}.about-visual>img{aspect-ratio:1.2}.about-stamp{right:10px;width:95px;height:95px;font-size:10px}.about-copy h2{font-size:35px;margin-bottom:25px}.monitor{grid-template-columns:1fr;gap:40px}.monitor h2{font-size:37px}.faq{grid-template-columns:1fr;gap:30px}.faq h2{font-size:32px}.faq-list summary{font-size:14px}.contact{padding-top:70px}.contact h2{font-size:clamp(38px,7.5vw,62px)}.contact-orbit{width:95%;right:-35%;top:16%}.contact-end{margin-top:45px}.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-inline:6%}.site-footer>span{font-size:9px}.site-footer>a:last-child{font-size:10px;justify-self:start}.motion-toggle{bottom:12px;right:12px;font-size:10px}.mini-nav{padding:14px 22px}.mini-hero h3{font-size:36px}.mini-hero{height:255px}.mini-grid{gap:13px}.mini-card img{height:130px}.mini-card h4{font-size:16px}.mini-card p{font-size:10px}}
@media(max-width:500px){.preview-bar{font-size:8px;letter-spacing:.06em}.preview-bar b{margin-left:5px}.preview-bar a{font-size:9px}.hero{padding-top:32px}.hero h1{font-size:clamp(36px,9.4vw,47px);letter-spacing:-.055em}.hero .eyebrow{font-size:9px;letter-spacing:.07em}.hero-sub{margin-top:22px;font-size:16px}.mobile-br{display:block}.hero-body{font-size:13px;margin-top:11px}.hero-actions{gap:17px;flex-wrap:wrap;margin-top:22px}.hero-actions .button{min-height:52px;padding:13px 18px;gap:17px;font-size:12px}.hero-actions .quiet-link{font-size:11px}.hero-note{font-size:9px}.hero-art{height:350px;margin-top:20px}.photo-local{width:44%;height:119px;top:5%;right:1%;padding-bottom:21px}.photo-craft{width:37%;height:120px;left:1%;bottom:10px;padding-bottom:21px}.hero-photo figcaption{font-size:6px;left:7px;bottom:6px}.art-orbit{top:9%;left:6%;width:87%}.art-label-top{left:0;top:14%;font-size:9px}.art-label-bottom{font-size:7px;right:0;bottom:16%}.art-caption{font-size:7px;bottom:0}.hero-bottom{padding-top:19px;padding-bottom:22px}.hero-bottom>span:first-child{font-size:8px}.hero-bottom>span:first-child i{margin-left:12px}.hero-bottom p{font-size:11px}.chapter{padding-block:55px}.chapter-label{font-size:9px;letter-spacing:.08em;margin-bottom:28px}.chapter-label>span:last-child{font-size:9px;letter-spacing:0}.manifesto{padding-bottom:100px}.manifesto h2{font-size:36px}.manifesto-layout>div>p{font-size:14px}.manifesto .text-arrow{font-size:11px}.section-heading h2{font-size:31px}.section-heading>p{font-size:12px}.works-slide{padding-inline:3px;padding-top:8px}.device-scene{padding-right:13%;padding-bottom:43px}.desktop-screen{border-width:6px;border-bottom-width:8px;border-radius:8px 8px 0 0}.desktop-base{height:5px}.phone-device{border-width:4px;border-radius:17px;bottom:17px;width:26%;right:1%}.phone-device::before{height:6px}.device-caption{font-size:6px;bottom:0}.works-controls{font-size:11px;align-items:flex-start}.works-controls>div{max-width:150px;gap:7px}.round-button{width:44px;height:44px;font-size:21px}.play-button{font-size:9px;min-height:28px}.works-carousel>.micro{font-size:9px}.work-copy h3{font-size:27px}.work-copy>p:not(.micro){font-size:14px}.work-copy .button{width:100%;min-width:0}.work-copy>.micro{font-size:10px}.work-layout{gap:30px}.experience-types{gap:13px;margin-bottom:22px}.experience-tab strong{font-size:15px;line-height:1.8}.experience-tab small{font-size:9px;line-height:1.7}.preview-toolbar{padding:9px 12px;gap:9px}.preview-toolbar p{font-size:8px}.preview-toolbar b{font-size:7px}.preview-toolbar i{width:4px;height:4px}.site-preview{height:315px}.mini-nav{padding:11px 14px}.mini-nav strong{font-size:16px}.mini-nav>span{font-size:6px}.mini-hero{height:183px}.mini-hero h3{font-size:28px}.mini-hero small{font-size:7px}.mini-hero>div{top:20%;left:6%}.mini-bottom{padding:14px 6%;gap:12px}.mini-bottom strong{font-size:13px}.mini-bottom p{font-size:9px}.mini-page{padding:18px 5%}.mini-page>h3{font-size:21px;margin-bottom:13px}.mini-page>small{font-size:7px}.mini-grid{gap:8px}.mini-card img{height:90px}.mini-card h4{font-size:12px;line-height:1.6}.mini-card p{font-size:8px;line-height:1.7}.mini-about{gap:14px;grid-template-columns:1fr 1.1fr}.mini-about img{height:170px}.mini-about h4{font-size:16px;margin-top:0}.mini-about p{font-size:8px}.mini-news li{grid-template-columns:55px 1fr;gap:4px 10px;font-size:10px;padding:12px 0}.mini-news span{font-size:8px}.mini-news b{font-size:8px}.mini-news strong{grid-column:1/-1;font-weight:500}.mini-contact{padding:15px;font-size:10px}.mini-contact strong{font-size:17px}.mini-contact span{font-size:9px}.preview-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:22px}.preview-selector button{font-size:11px;padding:8px 4px}.experience-note{font-size:9px}.support-row{gap:24px;padding-top:27px}.support-row h3{font-size:20px}.process-intro h2{font-size:33px}.process-intro>p{font-size:13px}.build-composition{height:245px}.build-note{padding:18px;font-size:11px}.build-note span{font-size:8px}.build-photo{height:140px;width:48%;bottom:8px}.build-window{top:54px;padding:10px 13px}.build-window b{font-size:15px}.build-window>span{margin-bottom:12px}.steps li{grid-template-columns:38px 1fr;gap:13px}.steps h3{font-size:19px}.steps p{font-size:13px}.about-copy h2{font-size:29px;letter-spacing:-.045em}.about-copy>p:not(.eyebrow):not(.about-name):not(.micro){font-size:13px}.about .text-arrow{margin-top:20px}.monitor h2{font-size:33px}.monitor-heading>p:not(.eyebrow){font-size:13px}.monitor-terms p{font-size:13px}.faq h2{font-size:30px}.faq-list summary{font-size:13px;padding-block:22px}.faq-list details p{font-size:13px}.contact h2{font-size:clamp(33px,8.6vw,43px);line-height:1.55}.contact>p:not(.eyebrow):not(.contact-note){font-size:12px}.contact .button{width:100%;padding-inline:15px;gap:13px;font-size:12px}.contact .button>span:last-child{font-size:23px}.contact-note{font-size:10px}.contact-end img{width:95px;height:80px}.site-footer{grid-template-columns:1fr;gap:10px}.site-footer p{margin-top:5px}.site-footer>a:last-child{margin-top:6px}.button:active{background:#315b58;color:#fff}}
@media(max-width:350px){.hero h1{font-size:34px}.hero-actions{gap:14px}.hero-art{height:310px}.photo-local{height:105px}.photo-craft{height:108px}.hero-actions .quiet-link{font-size:10px}.experience-tab strong{font-size:14px}.experience-tab small{font-size:8px}.site-preview{height:290px}.mini-hero{height:168px}.preview-toolbar b{font-size:6px}.about-copy h2{font-size:26px}.contact h2{font-size:31px}.line-symbol{width:25px;height:25px;font-size:7px}.contact .button{font-size:11px;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.works-track.is-animated{transition:none}.hero-photo{will-change:auto}}
/* Final mobile reading pass: keep body copy comfortable at phone width. */
.skip-link { clip-path: inset(50%); }
.skip-link:focus { clip-path: none; }
@media(max-width:800px){
  .manifesto-layout>div>p,.work-copy>p:not(.micro){font-size:15px}
  .support-row p,.steps p,.monitor-terms p,.faq-list details p{font-size:14px}
  .about-copy>p:not(.eyebrow):not(.about-name):not(.micro){font-size:14px}
}
@media(max-width:500px){
  .hero-body{font-size:14px}.hero-sub{font-size:17px}
  .section-heading>p,.process-intro>p,.monitor-heading>p:not(.eyebrow){font-size:14px}
  .work-facts strong{font-size:15px}.faq-list summary{font-size:14px}
  .contact>p:not(.eyebrow):not(.contact-note){font-size:13px}
  .preview-selector button{font-size:12px}
}

h2,h3{text-wrap:balance}
@media(max-width:500px){.section-heading h2{font-size:clamp(27px,7.95vw,31px)}}

/* Hero photographs: large layered windows with separate scroll and drift layers. */
.hero-art{perspective:1000px}
.hero-photo-shell{position:absolute;z-index:2;min-width:0}
.hero-photo{position:relative;width:100%;height:100%;padding:6px 6px 39px;border-radius:3px;box-shadow:0 25px 48px #27382d24;transform-origin:50% 55%}
.hero-photo-image{height:100%;overflow:hidden;background:#dce4d6}
.hero-photo-image img{width:100%;height:100%;object-fit:cover;transform:scale(1.07);transform-origin:55% 50%}
.hero-photo figcaption{left:12px;right:12px;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:6px;letter-spacing:.04em}
.hero-photo figcaption strong{font:500 11px/1.5 var(--serif);white-space:nowrap}
.hero-photo figcaption span{font:8px/1.5 var(--en);white-space:nowrap}
.photo-local{width:62%;height:255px;top:1%;right:2%;transform:none}
.photo-local .hero-photo{transform:rotate(7deg)}
.photo-local img{object-position:70% center}
.photo-craft{width:45%;height:220px;bottom:13px;left:2%;transform:none}
.photo-craft .hero-photo{transform:rotate(-9deg)}
.art-label-top{left:3%;top:23%}
.art-label-bottom{right:0;bottom:18%}
@media(min-width:1600px){.photo-local{height:280px}.photo-craft{height:235px}}
@media(max-width:1100px){.photo-local{height:205px}.photo-craft{height:185px}.hero-photo figcaption strong{font-size:10px}.hero-photo figcaption span{font-size:7px}}
@media(max-width:800px){.hero-art{margin-top:35px}.photo-local{width:59%;height:218px;top:5%;right:4%}.photo-craft{width:45%;height:195px;bottom:18px;left:4%}.art-label-top{top:29%;left:3%}.art-label-bottom{bottom:20%;right:0}}
@media(max-width:500px){.hero-art{height:355px;margin-top:32px}.hero-photo{padding:4px 4px 31px;box-shadow:0 18px 30px #27382d24}.photo-local{width:65%;height:158px;top:5%;right:5%}.photo-craft{width:51%;height:144px;bottom:15px;left:5%}.hero-photo figcaption{left:8px;right:8px;bottom:8px;display:block}.hero-photo figcaption strong{font-size:9px;line-height:1.4}.hero-photo figcaption span{display:block;font-size:6px;line-height:1.3}.hero-photo{padding-bottom:36px}.art-label-top{top:37%;left:0;font-size:9px}.art-label-bottom{bottom:19%;font-size:7px}.art-caption{bottom:0}}
@media(max-width:350px){.hero-art{height:320px}.photo-local{height:136px}.photo-craft{height:127px}.hero-photo figcaption strong{font-size:8px}.art-label-bottom{font-size:6px}}
@media(prefers-reduced-motion:reduce){.hero-photo{will-change:auto}.hero-photo-image img{transform:none}}

@media(max-width:500px){.photo-local{top:8%}.photo-craft{bottom:22px}}

/* UI review: readable conditions, compact summaries and real demo actions. */
:root{--muted:#58685f}
.hero-note,.contact-note,.work-copy>.micro,.works-carousel>.micro,.experience-note{font-size:12px;line-height:1.8}
.art-caption{font-size:12px}
.monitor-cooperation{font-size:13px!important}
.monitor-terms>div>span{color:#435e46}
.work-facts li>span{color:#52674c}
.steps>li>span{color:#738575}
.hero-monitor{display:inline-flex;align-items:center;gap:15px;min-height:44px;font-size:12px;border-bottom:1px solid #183d4233;margin-top:3px}
.hero-actions .quiet-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px}
.play-button{font-size:12px;min-height:44px;padding:8px}
.motion-toggle{font-size:12px;min-height:44px}
.preview-guidance{font-size:12px;color:#c9d2c8;margin:0 0 13px;line-height:1.8}
.site-preview a{pointer-events:auto}
.mini-contact a{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;background:#24493d;color:white;padding:9px 16px;font-size:12px;line-height:1.5}
.mini-contact a:hover{background:#183d42}
.mini-summary{display:none}
.mini-page>small{color:#76643f}
@media(max-width:500px){
 .mini-detail{display:none!important}.mini-summary{display:block}
 .mini-nav{padding:8px 12px}.mini-nav strong{font-size:14px;line-height:1.5}
 .mini-page{padding:14px 5%}.mini-page>h3{font-size:19px;line-height:1.45;margin:5px 0 12px}
 .mini-card img{height:75px}.mini-card h4{font-size:11px;line-height:1.6;margin-top:7px}
 .mini-overview{font-size:11px;line-height:1.7;margin-top:12px}
 .mini-about{gap:10px}.mini-about img{height:120px}.mini-about h4{font-size:14px;line-height:1.6}
 .mini-about p{font-size:11px;line-height:1.7;margin-top:8px}
 .mini-news li{padding:9px 0;gap:3px 8px;font-size:11px;line-height:1.6}
 .mini-news li:nth-child(n+3){display:none}
 .mini-contact{padding:12px;font-size:11px}.mini-contact strong{font-size:15px;line-height:1.6}
 .mini-contact p{font-size:11px;line-height:1.7;margin:8px 0}
 .mini-contact a{font-size:11px}
 .experience-tab strong{font-size:14px;text-wrap:balance}.experience-tab small{font-size:11px}
 .preview-toolbar p{font-size:10px}.preview-toolbar b{font-size:9px}
}
@media(max-width:350px){.mini-page{padding:12px 5%}.mini-page>h3{font-size:17px}.mini-card img{height:69px}.preview-toolbar{gap:7px;padding-inline:10px}}

@media(min-width:501px) and (max-width:1100px){
 .mini-detail{display:none!important}.mini-summary{display:block}
 .mini-page{padding:22px 5%}.mini-page>h3{font-size:26px;line-height:1.5;margin:5px 0 14px}
 .mini-about img{height:180px}.mini-about h4{font-size:20px}
 .mini-overview{font-size:12px;line-height:1.7;margin-top:12px}
 .mini-news li:nth-child(n+3){display:none}
}

@media(max-width:500px){.mini-bottom{display:block;padding:10px 5%}.mini-bottom strong{display:block;font-size:12px;line-height:1.6}.mini-bottom p{font-size:9px;line-height:1.6;margin-top:4px}}

@media(min-width:501px) and (max-width:1100px){.mini-bottom{display:block;padding:10px 5%}.mini-bottom strong{display:block;font-size:17px;line-height:1.6}.mini-bottom p{line-height:1.6;margin-top:4px}}