:root{color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Helvetica Neue',Arial,'Noto Sans JP',Meiryo,sans-serif;line-height:1.85}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%;display:block}.sample-bar{position:relative;z-index:100;background:#142632;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:8px 4vw;font-size:10px;gap:15px}.sample-bar a{text-decoration:underline;white-space:nowrap}.sample-bar b{font-weight:400;letter-spacing:.05em}.site-head{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:26px 5vw;border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent);position:relative;z-index:5}.brand{font-weight:600;font-size:21px;letter-spacing:.08em;line-height:1.3}.site-head nav{display:flex;gap:30px;font-size:11px}.menu-toggle{display:none;background:transparent;color:inherit;border:1px solid currentColor;padding:6px 12px}.hero{position:relative;min-height:640px;display:grid;grid-template-columns:1fr 1fr;align-items:center;isolation:isolate;overflow:hidden}.hero-copy{padding:65px 6vw;position:relative;z-index:2}.overline{font:10px/1.6 Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase}.hero h1{font-size:clamp(36px,4.7vw,74px);font-weight:400;letter-spacing:-.03em;line-height:1.45;margin:26px 0}.hero-lead{font-size:13px;max-width:430px;line-height:2.1}.hero-picture{height:100%;position:relative;min-height:580px;overflow:hidden}.hero-picture img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transform:scale(1.02)}.demo-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:14px 22px;border:1px solid currentColor;background:transparent;color:inherit;font-size:12px;cursor:pointer;margin-top:24px;transition:background .3s,color .3s}.demo-btn:hover{background:var(--ink);color:var(--bg)}.hero-foot{position:absolute;bottom:24px;left:6vw;font-size:9px;letter-spacing:.14em;z-index:3}.content{width:min(1180px,88%);margin:auto;padding:90px 0}.intro{display:grid;grid-template-columns:.5fr 1fr 1fr;gap:40px;align-items:start;border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}.intro h2{font-size:32px;line-height:1.7;font-weight:400;margin:0}.intro p{font-size:13px;margin-top:0;line-height:2.2}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px;gap:35px}.section-head h2{font-size:38px;line-height:1.5;font-weight:400;margin:10px 0}.section-head>p{font-size:12px;max-width:400px}.sample-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.sample-card{border-top:1px solid color-mix(in srgb,var(--ink) 30%,transparent);padding-top:25px}.card-num{font:12px Arial;color:var(--accent)}.sample-card h3{font-weight:400;font-size:23px;margin:20px 0 14px}.sample-card p{font-size:13px;line-height:2.1}.detail-image{width:100%;height:430px;object-fit:cover;filter:saturate(.85)}.quote-band{padding:65px 7vw;background:var(--ink);color:var(--bg);font-size:clamp(27px,3.6vw,50px);line-height:1.6;letter-spacing:.03em}.quote-band small{display:block;font:10px Arial;letter-spacing:.22em;margin-top:25px}.faq-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:90px}.faq-grid h2{font-size:34px;font-weight:400;line-height:1.6}.faq-grid details{border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent);padding:19px 0}.faq-grid summary{font-size:14px;cursor:pointer}.faq-grid details p{font-size:12px;max-width:600px;line-height:2}.demo-footer{padding:45px 6vw;border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent);display:grid;grid-template-columns:1fr 1.5fr;gap:50px}.demo-footer p{font-size:11px;line-height:2}.demo-footer .brand{font-size:26px}.demo-bottom{display:flex;justify-content:space-between;padding:20px 6vw;font-size:10px;border-top:1px solid color-mix(in srgb,var(--ink) 15%,transparent)}.demo-modal{max-width:550px;width:90%;padding:40px;background:var(--bg);color:var(--ink);border:1px solid var(--accent)}.demo-modal::backdrop{background:#061522bb;backdrop-filter:blur(7px)}.demo-modal h2{font-weight:400;font-size:25px}.demo-modal p{font-size:13px}.modal-close{float:right;background:none;border:0;color:inherit;font-size:24px;cursor:pointer}.close-note{font-size:10px!important}.motion-control{position:fixed;right:18px;bottom:18px;z-index:20;background:var(--bg);color:var(--ink);font-size:10px;border:1px solid var(--accent);padding:8px 12px;cursor:pointer}.visual-mark{font-size:clamp(70px,14vw,210px);line-height:.9;letter-spacing:-.06em;overflow:hidden;white-space:nowrap;opacity:.12;padding:0 4vw 20px;pointer-events:none}.running .hero-picture img{animation:demo-drift 24s ease-in-out infinite alternate}.motion-off *, .motion-off *:before{animation-play-state:paused!important}.reveal{opacity:1}.running .ribbon-word{animation:ribbon-travel 28s linear infinite}.ribbon{overflow:hidden;display:flex;border-block:1px solid currentColor;padding:14px 0;opacity:.6}.ribbon-word{font-size:15px;letter-spacing:.18em;white-space:nowrap;flex-shrink:0;padding-right:80px}@keyframes demo-drift{to{transform:scale(1.08)}}@keyframes ribbon-travel{to{transform:translateX(-100%)}}
/* Twenty art directions: not a single palette-swapped hero. */
.theme-night .site-head{background:#141411}.theme-night .brand{font-family:serif}.theme-night .hero{grid-template-columns:.85fr 1.15fr}.theme-night h1,.theme-night h2,.theme-night h3{font-family:'Yu Mincho',serif}.theme-night .hero-picture{margin:35px 5vw 35px 0;min-height:620px}.theme-night .hero-copy{padding-right:3vw}.theme-night .sample-cards{display:block;margin-left:20%}.theme-night .sample-card{display:grid;grid-template-columns:50px .8fr 1fr;align-items:center;padding:20px 0}.theme-night .sample-card h3{margin:0}.theme-night .sample-card p{margin:0}
.theme-retreat .hero{display:block;min-height:700px;color:#fff}.theme-retreat .hero-picture{position:absolute;inset:0;z-index:-2}.theme-retreat .hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#152f3599,transparent 90%);z-index:-1}.theme-retreat .hero-copy{padding-top:95px}.theme-retreat h1,.theme-retreat h2{font-family:'Yu Mincho',serif}.theme-retreat .hero-foot{right:6vw;left:auto}.theme-retreat .quote-band{text-align:center;background:#d6ded5;color:#314d50}
.theme-finance .hero{grid-template-columns:1fr 1.1fr;margin:35px 4vw;min-height:570px;border:1px solid #afbbb6}.theme-finance .hero-copy{padding:50px 4vw}.theme-finance .hero h1{font-size:clamp(35px,4.5vw,65px)}.theme-finance .hero-picture{min-height:570px}.theme-finance .overline{color:#667e76}.theme-finance .sample-cards{display:block}.theme-finance .sample-card{display:grid;grid-template-columns:70px 1fr 1fr;padding:30px 0;border-color:#8eaaa0}.theme-finance .sample-card h3{margin:0}.theme-finance .sample-card p{margin:0}
.theme-architect .site-head{border:0}.theme-architect .brand{font-size:17px;font-weight:400}.theme-architect .hero{display:flex;flex-direction:column-reverse;align-items:stretch;min-height:0;padding:0 5vw}.theme-architect .hero-picture{height:470px;min-height:0}.theme-architect .hero-copy{padding:30px 0 40px;display:grid;grid-template-columns:.6fr 1.2fr 1fr;align-items:center;gap:30px}.theme-architect h1{font-size:clamp(30px,4vw,55px);margin:0}.theme-architect .hero-lead{font-size:12px}.theme-architect .hero .demo-btn{grid-column:3;margin:0}.theme-architect .hero-foot{display:none}.theme-architect .intro{border-top:1px solid #ccc}.theme-architect .sample-cards{grid-template-columns:1fr}.theme-architect .sample-card{display:grid;grid-template-columns:.2fr 1fr 1fr;gap:25px}.theme-architect .sample-card h3{margin:0}
.theme-farm .site-head{border:0}.theme-farm .brand{font-family:'Yu Mincho',serif;color:#426843}.theme-farm .hero{margin:10px 4vw 35px;background:#eef1df;border-radius:150px 150px 30px 30px;min-height:650px}.theme-farm .hero-picture{margin:45px 45px 45px 0;height:560px;min-height:0;border-radius:50% 50% 35% 35%;transform:rotate(3deg)}.theme-farm h1{font-weight:700;font-size:clamp(36px,4.9vw,66px);letter-spacing:.02em}.theme-farm .demo-btn{border-radius:60px;background:#31553a;color:#fff;border:0}.theme-farm .sample-card{background:#e9eed8;border:none;padding:30px;border-radius:60px 60px 6px 6px}.theme-farm .quote-band{background:#c85157;color:#fff9ec;text-align:center}
.theme-poster .site-head{border-bottom:1px solid #6c5d72}.theme-poster .brand{font-size:36px;font-weight:900;font-style:italic}.theme-poster .hero{display:block;min-height:740px}.theme-poster .hero-picture{position:absolute;inset:0;z-index:-2}.theme-poster .hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#181519ed,#18151955);z-index:-1}.theme-poster h1{font-weight:900;font-size:clamp(43px,6.5vw,100px);line-height:1.23;transform:rotate(-3deg);margin:35px 0}.theme-poster .hero-copy{max-width:850px;padding-top:80px}.theme-poster .demo-btn{background:#cebaef;color:#181519;border:none;font-weight:700;transform:skew(-5deg)}.theme-poster .sample-card{border-top:4px solid #cebaef}.theme-poster .quote-band{background:#cebaef;color:#181519;font-weight:800;transform:skewY(-2deg)}
.theme-temple .site-head{padding-left:7vw;padding-right:7vw;border:0}.theme-temple .brand{font-family:'Yu Mincho',serif;letter-spacing:.3em;font-size:18px}.theme-temple .hero{display:block;margin:0 5vw;min-height:700px}.theme-temple .hero-picture{position:absolute;inset:0;z-index:-2;min-height:0}.theme-temple .hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,#101c2577);z-index:-1}.theme-temple .hero-copy{writing-mode:vertical-rl;margin-left:auto;color:#fff;padding:55px 5vw;max-height:650px;display:flex;flex-wrap:wrap;gap:30px}.theme-temple h1{font-family:'Yu Mincho',serif;font-size:52px;letter-spacing:.18em;margin:0;line-height:1.8}.theme-temple .hero .overline{display:none}.theme-temple .hero-lead{max-height:330px;font-size:12px;line-height:2.5;margin-left:25px}.theme-temple .demo-btn{writing-mode:horizontal-tb;align-self:end;padding:10px 15px}.theme-temple .hero-foot{color:white}.theme-temple .intro h2{font-family:'Yu Mincho',serif}.theme-temple .quote-band{background:#ced4c2;color:#3c4938;text-align:center;font-family:'Yu Mincho',serif}
.theme-campus .site-head{background:#22453c;color:#fff}.theme-campus .hero{padding:35px 4vw;gap:30px;grid-template-columns:1fr 1.3fr}.theme-campus .hero-picture{min-height:600px;border-radius:150px 8px 8px 8px}.theme-campus h1{font-weight:700;line-height:1.5}.theme-campus .hero-copy{padding:35px 2vw}.theme-campus .demo-btn{background:#d6e5b5;color:#22453c;border:0;border-radius:4px}.theme-campus .sample-card{background:#e2e9d5;border:0;padding:30px}.theme-campus .quote-band{background:#d8e6b6;color:#22453c}
.theme-fashion .site-head{border:none}.theme-fashion .brand{font-size:42px;letter-spacing:-.06em}.theme-fashion .hero{grid-template-columns:1.2fr 1fr;min-height:720px}.theme-fashion .hero-picture{grid-column:1;grid-row:1;min-height:720px;filter:grayscale(1)}.theme-fashion .hero-copy{grid-column:2;grid-row:1;padding:55px 4vw}.theme-fashion h1{font-size:clamp(35px,4.1vw,60px);font-weight:300}.theme-fashion .visual-mark{opacity:1;font-size:21vw;font-weight:700;letter-spacing:-.1em;text-align:center;line-height:1}.theme-fashion .quote-band{font-weight:300;font-size:48px}.theme-fashion .sample-card h3{font:28px Arial}
.theme-craft .hero{grid-template-columns:1fr 1.1fr}.theme-craft .hero-copy{padding:45px 5vw}.theme-craft .hero-picture{margin:30px 30px 30px 0;min-height:570px;box-shadow:20px 20px 0 #dbcfb6}.theme-craft h1,.theme-craft h2{font-family:'Yu Mincho',serif}.theme-craft .quote-band{background:#dfd0ae;color:#493c29;text-align:center}.theme-craft .sample-card{border-top:3px double #a08753}.theme-craft .detail-image{height:480px}
.theme-bottle .hero{display:block;min-height:750px;color:#f0e6d2}.theme-bottle .hero-picture{position:absolute;inset:0;z-index:-2;min-height:0}.theme-bottle .hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#081615ed,#0d1b1a66 65%,#0a151a11);z-index:-1}.theme-bottle .hero-copy{padding-top:95px}.theme-bottle h1,.theme-bottle h2{font-family:'Yu Mincho',serif}.theme-bottle .brand{font-family:serif;letter-spacing:.24em}.theme-bottle .sample-card{border-radius:50% 50% 0 0;border:1px solid #6c7056;text-align:center;padding:50px 30px 30px}.theme-bottle .quote-band{background:#b49b68;color:#101d1c}.theme-bottle .hero-foot{color:#c6b789}
.theme-industrial{background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:50px 50px}.theme-industrial .hero{min-height:640px;grid-template-columns:1fr 1.1fr}.theme-industrial .hero-copy{padding:50px 4vw}.theme-industrial h1{font-weight:600;font-size:clamp(36px,4.8vw,70px)}.theme-industrial .hero-picture{margin:0 0 0 15px;clip-path:polygon(9% 0,100% 0,100% 100%,0 100%,0 9%);min-height:640px}.theme-industrial .overline{color:#aecddb}.theme-industrial .demo-btn{background:#b9d1df;color:#102330;border:0}.theme-industrial .sample-cards{gap:0;border:1px solid #4f6778}.theme-industrial .sample-card{padding:30px;border:0;border-right:1px solid #4f6778}.theme-industrial .sample-card:last-child{border:0}.theme-industrial .quote-band{border-block:1px solid #5d798c;background:transparent}
.theme-panorama .site-head{background:#e7eeeb}.theme-panorama .hero{display:block;min-height:740px;color:white}.theme-panorama .hero-picture{position:absolute;inset:0;z-index:-2;min-height:0}.theme-panorama .hero:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#102a32bb,transparent 90%);z-index:-1}.theme-panorama .hero-copy{position:absolute;bottom:50px;left:0;padding:35px 6vw}.theme-panorama h1{font-family:'Yu Mincho',serif;font-size:clamp(43px,5.3vw,80px)}.theme-panorama .hero-foot{left:auto;right:5vw;bottom:30px}.theme-panorama .quote-band{background:#d0ded9;color:#28484a}
.theme-gallery .hero{margin:35px 5vw 0;gap:50px;grid-template-columns:.9fr 1.2fr}.theme-gallery .hero-copy{padding:20px 0}.theme-gallery .hero-picture{min-height:620px}.theme-gallery .hero-foot{display:none}.theme-gallery h1{font-family:'Yu Mincho',serif;font-size:clamp(33px,4.2vw,60px)}.theme-gallery .site-head{border:0}.theme-gallery .brand{font-weight:400}.theme-gallery .quote-band{background:#d9d2c2;color:#4a4439}.theme-gallery .sample-cards{gap:65px}.theme-gallery .sample-card:nth-child(2){padding-top:70px}.theme-gallery .sample-card:nth-child(3){padding-top:120px}
.theme-organic .hero{margin:30px 5vw;gap:50px;grid-template-columns:1fr 1fr}.theme-organic .hero-copy{padding:40px 0}.theme-organic .hero-picture{min-height:600px;border-radius:48% 48% 4px 4px}.theme-organic .hero h1{font-family:'Yu Mincho',serif;font-size:clamp(40px,5.3vw,78px)}.theme-organic .site-head{border:0}.theme-organic .brand{font-family:serif;font-size:43px;font-weight:400}.theme-organic .hero-foot{display:none}.theme-organic .demo-btn{border-radius:40px}.theme-organic .sample-card{border-radius:80px 80px 0 0;background:#d6dfcb;padding:40px 24px;border:0;text-align:center}.theme-organic .quote-band{background:#b5c5a8;color:#2b4231}
.theme-cafe .hero{grid-template-columns:1fr 1.3fr;padding:15px 3vw;gap:45px}.theme-cafe .hero-copy{padding:40px 2vw}.theme-cafe .hero-picture{min-height:600px;outline:1px solid #96714d;outline-offset:8px}.theme-cafe .brand{font-family:serif}.theme-cafe h1,.theme-cafe h2{font-family:'Yu Mincho',serif}.theme-cafe .demo-btn{border:1px solid #aa7f54;border-radius:0}.theme-cafe .sample-cards{display:block;width:78%;margin:auto}.theme-cafe .sample-card{display:grid;grid-template-columns:50px 1fr 1.4fr;align-items:center;padding:26px 0}.theme-cafe .sample-card h3{margin:0;font:21px serif}.theme-cafe .sample-card p{margin:0}.theme-cafe .quote-band{background:#d9bc94;color:#503d2e;text-align:center}
.theme-wellness .hero{grid-template-columns:1.05fr 1fr;margin:30px 4vw;border-top:1px solid #a5ae9e}.theme-wellness .hero-picture{grid-column:1;grid-row:1;min-height:640px;border-radius:0 180px 0 0}.theme-wellness .hero-copy{grid-column:2;grid-row:1;padding:50px 4vw}.theme-wellness .hero h1{font-size:clamp(40px,5.5vw,80px);font-weight:300}.theme-wellness .hero-foot{display:none}.theme-wellness .demo-btn{border-radius:40px;background:#445442;color:#fff;border:0}.theme-wellness .quote-band{background:#d4dbca;color:#354332}.theme-wellness .sample-card{border-top:1px solid #8b9b82;padding:35px 10px}
.theme-florist .hero{grid-template-columns:.8fr 1.2fr;padding:25px 5vw;gap:20px}.theme-florist .hero-copy{padding:40px 0}.theme-florist .hero-picture{min-height:650px;clip-path:ellipse(48% 49% at 50% 50%)}.theme-florist h1{font-family:'Yu Mincho',serif;line-height:1.8;font-size:clamp(32px,4.2vw,60px)}.theme-florist .brand{font-family:'Yu Mincho',serif;letter-spacing:.2em}.theme-florist .hero-foot{display:none}.theme-florist .demo-btn{border-width:0 0 1px;padding-left:0;padding-right:0}.theme-florist .quote-band{background:#c7d1bb;color:#344139}.theme-florist .sample-card{border-top:none;border-left:1px solid #a5b69d;padding:0 25px}
.theme-friendly .hero{grid-template-columns:1fr 1.1fr;margin:10px 4vw 35px;background:#f4e5cd;border-radius:30px;gap:30px}.theme-friendly .hero-copy{padding:45px 4vw}.theme-friendly .hero-picture{min-height:580px;margin:30px 30px 30px 0;border-radius:160px 160px 30px 30px}.theme-friendly .brand{font-size:31px;letter-spacing:-.04em}.theme-friendly h1{font-weight:600;font-size:clamp(34px,4.3vw,62px)}.theme-friendly .demo-btn{border-radius:30px;background:#5d6446;color:#fff;border:0}.theme-friendly .sample-card{background:#eee0c4;border:0;padding:32px;border-radius:20px}.theme-friendly .quote-band{background:#b6bd8e;color:#34402b}.theme-friendly .hero-foot{display:none}
.theme-travel .hero{display:block;min-height:750px;color:#fff}.theme-travel .hero-picture{position:absolute;inset:0;z-index:-2;min-height:0}.theme-travel .hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#11383ecc,#123c4055,transparent);z-index:-1}.theme-travel .hero-copy{padding-top:95px}.theme-travel h1{font-size:clamp(45px,5.9vw,84px);font-weight:400}.theme-travel .hero .overline{letter-spacing:.4em}.theme-travel .quote-band{background:#bed4cf;color:#1d4648}.theme-travel .sample-card{border-top:3px solid #60928d}.theme-travel .demo-btn{border-radius:0;background:#eff7f1;color:#1d4648;border:0}
.tab-module{margin-top:25px;display:grid;grid-template-columns:.8fr 1.3fr;border-top:1px solid currentColor;gap:50px;padding-top:25px}.tab-buttons{display:flex;flex-direction:column;align-items:stretch}.tab-buttons button{background:transparent;color:inherit;border:0;border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent);text-align:left;padding:18px 12px;cursor:pointer;font-size:17px}.tab-buttons button[aria-selected=true]{background:var(--ink);color:var(--bg)}.tab-panel{padding:20px 0}.tab-panel[hidden]{display:none}.tab-panel h3{font-size:35px;font-weight:400;margin:10px 0}.tab-panel p{font-size:14px;max-width:600px}.tab-panel small{font-size:10px;opacity:.65}.theme-poster .tab-buttons button{font-weight:800;letter-spacing:.05em}.story-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--accent);padding-top:25px}.story-timeline article{padding:20px 0}.story-timeline h3{font-size:24px;font-weight:400}.story-timeline p{font-size:13px}.timeline-dot{width:12px;height:12px;background:var(--accent);display:block;border-radius:50%;margin-top:-31px}.checklist{padding:25px 30px;border:1px solid var(--accent);margin-top:35px;display:flex;gap:22px;flex-wrap:wrap;font-size:12px}.checklist span:before{content:'✓';margin-right:8px;color:var(--accent)}.demo-risk{font-size:11px;border-left:2px solid var(--accent);padding:16px 20px;margin-top:30px;background:color-mix(in srgb,var(--accent) 12%,transparent)}
@media(max-width:900px){.site-head nav{gap:18px}.brand{font-size:17px}.hero h1{font-size:42px}.intro{grid-template-columns:1fr 1fr;gap:25px}.intro>.overline{grid-column:1/span 2}.hero{min-height:580px}.hero-picture{min-height:580px}.theme-architect .hero-copy{grid-template-columns:1fr 1.4fr}.theme-architect .hero-lead{grid-column:2}.theme-architect .hero .demo-btn{grid-column:2}.theme-temple h1{font-size:45px}.theme-night .hero-copy{padding-left:5vw}.faq-grid{gap:40px}.sample-cards{gap:20px}.sample-card h3{font-size:20px}}
@media(max-width:760px){html{scroll-padding-top:20px}.sample-bar{padding:8px 5vw;font-size:9px;align-items:start}.sample-bar b{max-width:65%;line-height:1.6}.site-head{padding:20px 6vw}.site-head .brand{font-size:20px}.site-head nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);color:var(--ink);padding:20px 6vw;z-index:20;border-block:1px solid var(--accent);font-size:14px}.site-head nav.open{display:flex;flex-direction:column}.menu-toggle{display:block;font-size:10px}.hero,.theme-night .hero,.theme-finance .hero,.theme-campus .hero,.theme-fashion .hero,.theme-craft .hero,.theme-industrial .hero,.theme-gallery .hero,.theme-organic .hero,.theme-cafe .hero,.theme-wellness .hero,.theme-florist .hero,.theme-friendly .hero{display:flex;flex-direction:column;min-height:0;margin:0;padding:0;gap:0;border:0;border-radius:0}.hero-copy,.theme-night .hero-copy,.theme-finance .hero-copy,.theme-campus .hero-copy,.theme-fashion .hero-copy,.theme-craft .hero-copy,.theme-industrial .hero-copy,.theme-gallery .hero-copy,.theme-organic .hero-copy,.theme-cafe .hero-copy,.theme-wellness .hero-copy,.theme-florist .hero-copy,.theme-friendly .hero-copy{padding:38px 6vw;width:100%;max-width:100%;grid-column:auto;grid-row:auto}.hero h1,.theme-fashion .hero h1,.theme-gallery .hero h1,.theme-organic .hero h1,.theme-wellness .hero h1,.theme-florist .hero h1,.theme-friendly .hero h1{font-size:39px;line-height:1.5;margin:19px 0}.hero-lead{font-size:12px}.hero-picture,.theme-night .hero-picture,.theme-finance .hero-picture,.theme-campus .hero-picture,.theme-fashion .hero-picture,.theme-craft .hero-picture,.theme-industrial .hero-picture,.theme-gallery .hero-picture,.theme-organic .hero-picture,.theme-cafe .hero-picture,.theme-wellness .hero-picture,.theme-florist .hero-picture,.theme-friendly .hero-picture{width:100%;height:360px;min-height:0;margin:0;grid-column:auto;grid-row:auto;clip-path:none;outline:none;border-radius:0}.hero-foot{display:none}.demo-btn{font-size:11px;margin-top:15px;padding:13px 18px;gap:20px}.content{width:88%;padding:55px 0}.intro{display:block}.intro h2{font-size:27px;margin:20px 0}.intro p{font-size:12px}.section-head{display:block;margin-bottom:25px}.section-head h2{font-size:29px}.section-head>p{font-size:11px}.sample-cards,.theme-architect .sample-cards{grid-template-columns:1fr;gap:28px}.sample-card h3{font-size:22px;margin:13px 0}.sample-card p{font-size:12px}.theme-night .sample-cards,.theme-cafe .sample-cards{width:100%;margin-left:0}.theme-night .sample-card,.theme-cafe .sample-card,.theme-finance .sample-card,.theme-architect .sample-card{display:block;padding:20px 0}.theme-night .sample-card h3,.theme-cafe .sample-card h3,.theme-finance .sample-card h3,.theme-architect .sample-card h3{margin:12px 0}.theme-gallery .sample-card:nth-child(n){padding-top:25px}.detail-image{height:280px}.quote-band{padding:45px 6vw;font-size:28px}.theme-fashion .quote-band{font-size:30px}.faq-grid{display:block}.faq-grid h2{font-size:28px;margin-top:0}.demo-footer{display:block;padding:35px 6vw}.demo-footer .brand{font-size:25px}.demo-footer p{font-size:10px}.demo-bottom{gap:20px;font-size:9px;padding-bottom:65px}.visual-mark{font-size:16vw}.theme-fashion .visual-mark{font-size:22vw}.tab-module{grid-template-columns:1fr;gap:10px}.tab-buttons{flex-direction:row}.tab-buttons button{flex:1;font-size:11px;padding:13px 7px}.tab-panel h3{font-size:27px}.tab-panel p{font-size:12px}.story-timeline{grid-template-columns:1fr;gap:15px;border:0}.story-timeline article{border-left:1px solid var(--accent);padding:0 0 15px 25px}.timeline-dot{margin:0 0 0 -32px}.story-timeline h3{font-size:22px}.checklist{padding:18px;font-size:11px;gap:12px}.demo-modal{padding:25px}.demo-modal h2{font-size:22px}.demo-modal p{font-size:12px}.motion-control{right:12px;bottom:12px}.theme-retreat .hero,.theme-poster .hero,.theme-bottle .hero,.theme-panorama .hero,.theme-travel .hero{display:block;min-height:690px}.theme-retreat .hero-picture,.theme-poster .hero-picture,.theme-bottle .hero-picture,.theme-panorama .hero-picture,.theme-travel .hero-picture{position:absolute;height:100%;min-height:0}.theme-retreat .hero-copy,.theme-poster .hero-copy,.theme-bottle .hero-copy,.theme-travel .hero-copy{padding:65px 6vw}.theme-retreat h1,.theme-poster .hero h1,.theme-bottle .hero h1,.theme-panorama .hero h1,.theme-travel .hero h1{font-size:43px}.theme-panorama .hero-copy{bottom:35px;padding:35px 6vw}.theme-poster .hero:before{background:linear-gradient(90deg,#181519e6,#18151977)}.theme-poster .hero h1{font-size:50px}.theme-temple .hero{min-height:650px;margin:0 4vw;display:block}.theme-temple .hero-copy{writing-mode:vertical-rl;max-height:620px;padding:35px 22px;width:auto;gap:20px}.theme-temple .hero h1{font-size:35px;line-height:1.7;margin:0}.theme-temple .hero-lead{max-height:280px;font-size:11px;margin-left:5px}.theme-temple .hero .demo-btn{padding:8px 10px;font-size:10px;gap:10px}.theme-architect .hero{padding:0 5vw;display:flex;flex-direction:column-reverse}.theme-architect .hero-copy{padding:25px 0;display:block}.theme-architect .hero h1{font-size:34px}.theme-architect .hero-picture{height:330px}.theme-farm .hero{border-radius:80px 80px 0 0;margin:15px 4vw;overflow:hidden}.theme-farm .hero-copy{padding:45px 7vw 25px}.theme-farm .hero-picture{height:360px;margin:0 20px 25px;border-radius:45% 45% 15% 15%;width:90%;transform:rotate(2deg)}.theme-fashion .hero{flex-direction:column-reverse}.theme-fashion .hero-picture{height:470px}.theme-organic .hero-picture,.theme-florist .hero-picture{width:88%;margin:0 auto 30px;border-radius:45% 45% 0 0}.theme-friendly .hero-picture{width:88%;margin:0 auto 25px;border-radius:120px 120px 25px 25px}.theme-wellness .hero{flex-direction:column-reverse}.theme-wellness .hero-picture{height:330px;border-radius:0 100px 0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-picture img{transform:none}}
/* Restrained tactile surfaces: static native SVG grain, no remote dependencies. */
.theme-temple,.theme-craft,.theme-gallery,.theme-cafe,.theme-farm{background-image:url('/images/works-20261018/paper-grain.svg');background-blend-mode:multiply}.interactive-feature{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:85px;border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}.interactive-art{position:relative;aspect-ratio:1.2;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--ink) 22%,transparent);color:var(--accent);isolation:isolate;overflow:hidden}.interactive-art:before{content:'';position:absolute;inset:10%;border:1px solid currentColor;opacity:.25;border-radius:50%;z-index:-1}.interactive-art svg{width:85%;height:auto}.art-caption{position:absolute;bottom:20px;font-size:8px;letter-spacing:.2em}.interactive-copy h2,.light-study h2,.material-study h2,.quiet-study h2{font-size:32px;font-weight:400;line-height:1.6}.story-switches{display:flex;flex-wrap:wrap;gap:6px;margin:25px 0}.story-switches button,.material-controls button{border:1px solid var(--accent);color:inherit;background:transparent;padding:9px 15px;font-size:11px;cursor:pointer}.story-switches button[aria-pressed=true],.material-controls button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.story-answers{min-height:95px;font-size:13px;line-height:2.1}.story-answers [hidden]{display:none}.widget-disclaimer{font-size:9px!important;opacity:.6}.interactive-feature[data-current='1'] .interactive-art{transform:none;background:color-mix(in srgb,var(--accent) 15%,transparent)}.interactive-feature[data-current='2'] .interactive-art{border-radius:50%}.interactive-feature[data-current='3'] .interactive-art{background:color-mix(in srgb,var(--accent) 30%,transparent)}.interactive-art{transition:background .5s,border-radius .7s}.running .widget-detail{stroke-dasharray:250;animation:widget-draw 6s ease-in-out infinite alternate}@keyframes widget-draw{from{stroke-dashoffset:250;opacity:.35}to{stroke-dashoffset:0;opacity:1}}.light-study,.material-study{display:grid;grid-template-columns:1fr 1.5fr;gap:65px;align-items:center;border-top:1px solid var(--accent)}.light-study>div>p,.material-study p{font-size:13px;line-height:2.1}.light-study label{font-size:11px;display:block;margin-top:30px}.light-study input{display:block;width:100%;margin:20px 0;accent-color:var(--accent)}.light-photo{overflow:hidden}.light-photo img,.material-photo img{width:100%;height:420px;object-fit:cover}.material-photo{padding:30px;background:#eae5d9;transition:background .5s,padding .5s}.material-dark .material-photo{background:#252622;padding:55px}.material-controls{display:flex;gap:10px;margin:25px 0}.material-study small,.quiet-study small{font-size:9px;opacity:.65}.quiet-study{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;text-align:center}.quiet-study p{font-size:13px;line-height:2.4}.quiet-circle{position:relative;aspect-ratio:1;display:grid;place-items:center;font-family:'Yu Mincho',serif;font-size:48px}.quiet-circle i{position:absolute;inset:12%;border:1px solid var(--accent);border-radius:50%;opacity:.3}.quiet-circle i:nth-child(2){inset:23%;opacity:.5}.quiet-circle i:nth-child(3){inset:34%;opacity:.7}.running .quiet-circle i{animation:quiet-wave 10s ease-in-out infinite alternate}.quiet-circle i:nth-child(2){animation-delay:1s}.quiet-circle i:nth-child(3){animation-delay:2s}@keyframes quiet-wave{50%{transform:scale(1.13);opacity:.2}}
/* A real left-rail architecture layout, editorial type-led fashion, poster-like dance. */
@media(min-width:1100px){.theme-architect .site-head{position:absolute;left:0;top:39px;bottom:0;width:180px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:45px 25px;border-right:1px solid #ccc;gap:70px}.theme-architect .site-head .brand{line-height:2;font-size:15px}.theme-architect .site-head nav{flex-direction:column;gap:28px;line-height:2;font-size:11px}.theme-architect main,.theme-architect .demo-footer,.theme-architect .demo-bottom{margin-left:180px}.theme-architect .hero-copy{grid-template-columns:1fr 1.4fr}.theme-architect .hero-copy .overline{grid-column:1/span 2}.theme-architect .hero-copy h1{grid-column:1;grid-row:2/span 2;font-size:42px}.theme-architect .hero-copy .hero-lead{grid-column:2}.theme-architect .hero .demo-btn{grid-column:2}.theme-architect .hero-picture{height:490px}.theme-fashion .site-head{padding-block:28px}.theme-fashion .site-head .brand{font-size:60px;letter-spacing:-.09em}.theme-poster .site-head nav a{border-bottom:1px solid #a58eb7}}
@media(max-width:760px){.interactive-feature{grid-template-columns:1fr;gap:25px}.interactive-art{max-height:300px;aspect-ratio:1.35}.interactive-copy h2,.light-study h2,.material-study h2,.quiet-study h2{font-size:27px}.story-switches button{padding:8px 12px;font-size:10px}.story-answers{min-height:90px;font-size:12px}.light-study,.material-study,.quiet-study{grid-template-columns:1fr;gap:30px}.light-photo img,.material-photo img{height:290px}.material-photo{padding:20px}.material-dark .material-photo{padding:35px}.quiet-circle{max-width:280px;width:100%;margin:auto}.theme-architect .site-head{position:relative;width:auto;top:auto;bottom:auto}.theme-architect main,.theme-architect .demo-footer,.theme-architect .demo-bottom{margin-left:0}}
/* Deliberate line lengths: prevent one-character Japanese orphans. */
@media(min-width:761px){.theme-night .hero h1{font-size:clamp(34px,3.7vw,51px)}.theme-farm .hero h1{font-size:clamp(34px,4vw,56px)}.theme-poster .hero h1{font-size:clamp(42px,5.1vw,76px)}.theme-wellness .hero h1{font-size:clamp(36px,4.3vw,61px)}.theme-finance .hero h1{font-size:clamp(35px,4vw,59px)}}
.theme-poster h1 span{display:block}@media(max-width:760px){.theme-retreat .hero h1{font-size:36px}.theme-poster .hero h1{font-size:42px}.theme-temple .hero-picture{position:absolute;inset:0;height:100%;min-height:0}.theme-temple .hero-copy{max-height:610px}.theme-temple .hero-lead{max-height:310px}}