:root{--paper:#eeece7;--canvas:#e8e6e0;--ink:#1b2523;--muted:#707970;--line:#cbc9c1;--green:#405d4e;--dark:#202c28;font-family:Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--paper);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #628a77;outline-offset:3px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3.3vw,60px);border-bottom:1px solid #d5d2ca;background:#eeece7;position:relative;z-index:12}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;letter-spacing:.18em}.brand small{display:block;font-size:8px;letter-spacing:.22em;color:#889189;font-weight:600;margin-top:4px}.brand-icon{font-size:29px;line-height:1;color:#3e5c4d}.topbar nav{display:flex;align-items:center;gap:34px;font-size:11px;letter-spacing:.08em}.topbar nav a:hover{color:#527861}.nav-cta{padding:11px 17px;border-radius:99px;color:#f4f3ef;background:#24352d}.nav-cta:hover{background:#435d4b;color:white!important}.nav-cta span{margin-left:12px}.studio{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(460px,1.7fr) minmax(250px,.82fr);grid-template-rows:minmax(680px,calc(100vh - 116px)) 38px;position:relative;background:var(--paper);overflow:hidden}.studio-intro{padding:clamp(75px,7vw,130px) 0 30px clamp(25px,4vw,70px);position:relative;z-index:4}.eyebrow{font-size:10px;font-weight:700;color:#688073;letter-spacing:.2em;margin:0 0 28px}.tiny-star{font-size:16px;margin-right:10px}.studio-intro h1{font-size:clamp(42px,4.8vw,76px);line-height:1.22;font-weight:500;letter-spacing:-.09em;margin:0;white-space:nowrap}.studio-intro h1 em,.section-title h2 em,.brief-copy h2 em{font-weight:400;font-style:normal;font-family:Georgia,"Yu Mincho",serif}.studio-intro h1 em{color:#647f71}.studio-intro>p:not(.eyebrow){color:#67736b;max-width:285px;font-size:12px;line-height:2.15;margin:36px 0 27px}.intro-link{display:inline-flex;gap:26px;align-items:center;border-bottom:1px solid #394c42;font-size:11px;padding-bottom:9px}.intro-link:hover{color:#64846e}.object-view{position:relative;overflow:hidden;min-height:650px;background:radial-gradient(ellipse at 50% 48%,#f2f1ed 0%,#e9e7e1 60%,#dddcd4 100%);cursor:grab;touch-action:pan-y}.object-view:active{cursor:grabbing}.object-view:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.2),transparent 35%,transparent 65%,rgba(255,255,255,.15));pointer-events:none}.object-view canvas{position:absolute;inset:2% 0 0;width:100%;height:92%;z-index:2}.object-halo{position:absolute;left:9%;right:9%;top:10%;bottom:11%;border:1px solid #bfc5b9;border-radius:50%;opacity:.55}.object-halo:before,.object-halo:after{content:'';position:absolute;left:50%;top:-7%;height:114%;border-left:1px solid #bec5ba;transform:rotate(29deg)}.object-halo:after{transform:rotate(-29deg)}.view-number{position:absolute;top:30px;left:36px;font-size:10px;letter-spacing:.18em;color:#78877c}.view-number b{color:#364d40}.measurement{position:absolute;z-index:4;color:#657468;font-size:11px;font-variant-numeric:tabular-nums;pointer-events:none}.meas-height{left:8%;top:38%;border-left:1px solid #aebcaf;padding:39px 0 39px 10px}.meas-width{left:39%;bottom:10%;border-top:1px solid #aebcaf;padding:10px 40px 0}.rotate-hint{position:absolute;right:29px;top:28px;font-size:9px;letter-spacing:.13em;color:#89968a}.rotate-hint span{font-size:15px;margin-left:8px}.stage-stamp{position:absolute;left:34px;bottom:30px;font:italic 15px Georgia,"Yu Mincho",serif;color:#9ca69d}.controls{padding:35px clamp(22px,2.7vw,48px);border-left:1px solid #d1cfc7;background:#efede8;display:flex;flex-direction:column;z-index:3}.controls-top{font-size:9px;letter-spacing:.15em;color:#718075;display:flex;justify-content:space-between;gap:10px}.live-dot{color:#638a70}.live-dot:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#78a18a;margin-right:7px;box-shadow:0 0 0 4px #dbe7dc}.controls h2{font-size:25px;font-weight:500;letter-spacing:-.06em;margin:39px 0 10px}.controls-intro{font-size:11px;line-height:1.85;color:#7b847d;margin:0 0 25px}.preset-list{display:flex;border:1px solid #bdc3b9;margin-bottom:28px}.preset{width:33.333%;border:0;border-right:1px solid #bdc3b9;padding:11px 4px;background:transparent;color:#657168;font-size:11px}.preset:last-child{border-right:0}.preset.active,.preset:hover{background:#2d4236;color:#fff}.sliders{border-top:1px solid #c8cbc2}.slider-row{padding:16px 0 15px;border-bottom:1px solid #c8cbc2}.slider-row label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#34483b}.slider-row label span{font-variant-numeric:tabular-nums;font-weight:700;font-size:13px}.slider-row input[type=range]{width:100%;margin:14px 0 0;accent-color:#3a6046;height:3px;cursor:pointer}.limits{display:flex;justify-content:space-between;color:#9ba29b;font-size:9px;margin-top:4px}.shape-hint{color:#607569;font-size:10px;line-height:1.65;min-height:35px;margin:17px 0}.save-form{margin-top:auto;width:100%;border:0;padding:17px 18px;background:#283e31;color:#fff;display:flex;justify-content:space-between;font-size:11px}.save-form:hover{background:#567561}.studio-footer{grid-column:1/-1;border-top:1px solid #d4d2cb;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(25px,4vw,70px);font-size:9px;letter-spacing:.15em;color:#829085}.compare{padding:125px clamp(24px,6vw,100px) 110px;background:#d8d9d1}.section-title{display:grid;grid-template-columns:1fr 280px;column-gap:40px;max-width:1280px;margin:0 auto 45px}.section-title .eyebrow{grid-column:1/-1;margin-bottom:19px}.section-title h2,.brief-copy h2{font-size:clamp(40px,4.6vw,70px);font-weight:500;letter-spacing:-.08em;line-height:1.28;margin:0}.section-title h2 em{color:#657b68}.section-title>p:not(.eyebrow){font-size:12px;line-height:2.1;color:#626e63;align-self:end;margin:0}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1280px;margin:auto}.compare-card{background:#eeeee9;border:1px solid #c5cbc1;padding:25px 30px 30px;min-width:0}.card-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.16em;color:#748779}.card-head button{border:0;border-bottom:1px solid #819786;background:transparent;color:#445e49;padding:5px 0;font-size:10px}.card-head button:hover{color:#111}.silhouette-wrap{height:340px;position:relative;border-bottom:1px solid #c5ccc3;margin:5px 0 20px;background:linear-gradient(90deg,transparent 49.9%,#e0e4da 50%,transparent 50.1%)}.silhouette-wrap canvas{width:100%;height:100%}.compare-card h3{font-size:22px;font-weight:500;letter-spacing:.04em;margin:0 0 7px}.compare-card>p{font-size:11px;color:#79877a;margin:0}.compare-note{text-align:right;max-width:1280px;margin:18px auto 0;color:#67736c;font-size:10px;line-height:1.7}.brief{background:#26352d;color:#eeeae3;padding:120px clamp(24px,6vw,100px);display:grid;grid-template-columns:minmax(330px,1fr) minmax(380px,1.05fr);gap:clamp(50px,8vw,150px);align-items:center}.brief-copy{max-width:480px}.brief-copy .eyebrow{color:#9fb7a4}.brief-copy h2 em{color:#a7c2ad}.brief-copy>p:not(.eyebrow):not(.status){font-size:12px;color:#b3c0b3;line-height:2.1;margin:25px 0 40px}.field{margin:20px 0}.field label{display:flex;justify-content:space-between;font-size:11px;color:#d8dfd4;margin-bottom:9px}.field label span{color:#96aa99}.field input,.field textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #718c77;border-radius:0;padding:11px 2px;color:white;outline:none;font-size:13px}.field textarea{border:1px solid #718c77;padding:12px;min-height:96px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#90a594}.export-row{display:flex;gap:7px;margin-top:25px}.export-row button{border:1px solid #8ea58e;background:transparent;color:#e5eee4;padding:13px 10px;font-size:11px}.export-row button:first-child{background:#dcead8;color:#284032;flex:1;border-color:#dcead8;display:flex;justify-content:space-between}.export-row button:hover{background:#536d55;color:white}.status{font-size:10px;color:#b9d9b9;min-height:17px}.brief-preview{background:#f2f0e8;color:#26352d;min-height:625px;padding:32px;box-shadow:24px 25px 0 #1a2921;display:flex;flex-direction:column}.preview-header,.preview-footer{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.13em}.preview-header{border-bottom:1px solid #b6c4b5;padding-bottom:16px}.preview-overline{font-size:9px;color:#839487;letter-spacing:.15em;margin:24px 0 4px}.brief-preview h3{font-size:30px;font-weight:500;letter-spacing:-.04em;margin:0 0 6px}.preview-shapes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.preview-shapes>div{display:flex;flex-direction:column;align-items:center;gap:8px;border-bottom:1px solid #c7d0c4;padding-bottom:9px}.preview-shapes canvas{height:225px;width:100%}.preview-shapes span{font-size:10px;color:#6f8373}.preview-shapes b{font-weight:500;color:#344e39}.preview-intent{padding-top:20px;font-size:11px;color:#6b7f70}.preview-intent>span{display:block;font-size:9px;letter-spacing:.16em;margin-bottom:12px}.preview-intent p{margin:6px 0;line-height:1.6;overflow-wrap:anywhere}.preview-footer{border-top:1px solid #bccabc;padding-top:15px;margin-top:auto;color:#8a9b8b;font-size:8px;letter-spacing:0}footer{display:flex;justify-content:space-between;align-items:center;background:#17251b;color:#9eb2a1;padding:35px clamp(24px,4vw,70px);font-size:11px}footer>span{color:#e7eee5;font-size:19px;font-weight:700;letter-spacing:.15em}footer small{font-size:11px;font-weight:400}footer a:hover{color:#fff}@media(max-width:1200px){.studio{grid-template-columns:minmax(230px,.85fr) minmax(360px,1.5fr) minmax(245px,.88fr)}.studio-intro h1{font-size:50px}.object-view{min-height:630px}.controls{padding:30px 20px}.section-title h2,.brief-copy h2{font-size:55px}}
@media(max-width:950px){.studio{grid-template-columns:1fr 1fr;grid-template-rows:auto 540px auto 35px}.studio-intro{grid-column:1/-1;padding:65px 30px 35px}.studio-intro h1{font-size:56px}.studio-intro>p:not(.eyebrow){margin:18px 0}.object-view{grid-column:1/-1;min-height:540px}.controls{grid-column:1/-1;max-width:none;display:block;border-left:0;padding:35px 30px}.controls h2{margin:19px 0 10px}.sliders{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.save-form{margin-top:20px}.studio-footer{grid-column:1/-1}.brief{gap:35px}}
@media(max-width:720px){.topbar{height:66px;padding:0 18px}.brand{font-size:15px}.brand small{font-size:7px}.brand-icon{font-size:25px}.topbar nav{gap:10px}.topbar nav a:not(.nav-cta){display:none}.nav-cta{font-size:10px;padding:10px 12px}.studio{display:block}.studio-intro{padding:55px 22px 25px}.studio-intro h1{font-size:clamp(43px,10vw,60px)}.studio-intro>p:not(.eyebrow){max-width:310px}.object-view{min-height:0;height:510px}.object-view canvas{inset:3% 0 0;height:91%}.meas-height{left:6%;top:37%}.meas-width{left:34%;bottom:13%}.rotate-hint{right:14px;font-size:8px}.stage-stamp{font-size:12px;left:18px}.controls{padding:35px 22px}.sliders{display:block}.studio-footer{padding:0 22px;height:37px}.studio-footer span:nth-child(2){display:none}.compare{padding:80px 20px}.section-title{display:block;margin-bottom:30px}.section-title h2,.brief-copy h2{font-size:clamp(38px,10vw,55px)}.section-title>p:not(.eyebrow){margin-top:15px}.compare-grid{grid-template-columns:1fr}.silhouette-wrap{height:270px}.compare-card{padding:20px}.compare-note{text-align:left}.brief{display:block;padding:80px 20px}.brief-copy{max-width:none}.brief-preview{margin-top:50px;min-height:560px;padding:22px;box-shadow:12px 13px 0 #1a2921}.preview-shapes canvas{height:200px}.export-row button{font-size:10px}footer{flex-wrap:wrap;padding:30px 20px}footer p{display:none}}
@media(max-width:390px){.object-view{height:440px}.studio-intro h1{font-size:42px}.brief-preview h3{font-size:24px}.preview-shapes canvas{height:160px}.brief-preview{min-height:500px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{.topbar,.studio,.compare,.brief-copy,footer{display:none!important}body,.brief{background:#fff}.brief{display:block;padding:0}.brief-preview{width:100%;min-height:100vh;box-shadow:none;border:1px solid #999}}