/* The companion tools share VEHRKANA's ivory / stone / forest rhythm. */
.experience-heading{padding:90px 6vw 55px;max-width:1240px;margin:auto}.experience-heading h1{font:650 clamp(30px,4.5vw,56px)/1.8 Estedad,sans-serif;max-width:1000px;margin:20px 0;color:#163d2c}.experience-heading p{max-width:720px;font-size:19px;line-height:2.1;color:#586254}.experience-nav{display:flex;gap:8px;flex-wrap:wrap;border-block:1px solid #d9d6cb;padding:18px 6vw;justify-content:center}.experience-nav a{font-size:14px;line-height:1.7;padding:9px 14px;color:#354837}.experience-nav a:hover,.experience-nav a[aria-current=page]{background:#173e2d;color:#fff8e9}.experience-body{max-width:1500px;padding:45px 5vw 100px;margin:auto}.experience-body h2{font-size:clamp(24px,2.5vw,34px);line-height:1.8}.experience-body p,.experience-body li{line-height:2}.workroom-toolbar{padding:22px 0 28px;border-bottom:1px solid #d8d4c8;margin-bottom:38px;display:flex;gap:20px;justify-content:space-between;align-items:center}.workroom-toolbar[hidden]{display:none}.workroom-toolbar strong{display:block;font-size:19px}.workroom-toolbar small{display:block;font-size:12px;margin-top:7px;color:#5c655a}.workroom-toolbar .actions{gap:14px;flex-wrap:wrap}.file-label{cursor:pointer}.save-error{color:#973d24!important}.work-field{display:flex;flex-direction:column;gap:10px;margin:0 0 22px;font-size:14px;font-weight:550;line-height:1.8}.work-field input,.work-field select,.work-field textarea,.board-image input{font:400 16px/1.8 Vazirmatn,sans-serif;border:1px solid #c8c8b9;background:#fffdf8;color:#203a2c;padding:13px 14px;border-radius:0;width:100%;min-width:0}.work-field textarea{resize:vertical}.experience-body button:focus-visible,.experience-nav a:focus-visible,.work-field :focus-visible{outline:3px solid #9e733d;outline-offset:4px}.pill{padding:11px 20px;min-height:44px;border:1px solid #c9c9bb;background:transparent;color:#274331;font:inherit;cursor:pointer}.pill.active{background:#173b2b;color:#fff9ec;border-color:#173b2b}.atlas-filter{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px}.atlas-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:42px}.atlas-places{display:flex;flex-direction:column;gap:12px}.atlas-place{width:100%;display:flex;align-items:center;gap:15px;background:#ede8dd;border:1px solid transparent;padding:12px;text-align:right;color:#24402d;font:inherit;cursor:pointer}.atlas-place.active{border-color:#60735e;background:#e4e8dd}.atlas-place img{width:92px;height:92px;object-fit:cover}.atlas-place strong{display:block;font-size:16px;margin-top:7px}.atlas-place small{color:#65705f}.atlas-place b{margin-right:auto;font-size:22px}.atlas-detail{background:#fffdf8}.atlas-detail>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.atlas-detail>div{padding:35px}.atlas-detail h2{margin:12px 0}.atlas-detail li{margin:10px 0}.atlas-detail ul{padding-right:20px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);gap:50px}.detail-canvas{background:linear-gradient(145deg,#eeeade,#e2e6d9);align-self:start;padding:25px}.detail-canvas svg{width:100%;height:auto;display:block}.detail-roofs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-roofs button{padding:12px 8px;background:#f8f7f0;border:1px solid #cad0bf;color:#263e2d;cursor:pointer;font:inherit;font-size:13px}.detail-roofs button.active{background:#1b412f;color:#fff8e8}.detail-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:35px}.detail-tabs button{background:transparent;color:#294733;border:1px solid #bec6b4;padding:16px;text-align:right;font:inherit;font-size:14px;cursor:pointer}.detail-tabs button span{display:block;color:#876536;font:400 16px Lato;margin-bottom:8px}.detail-tabs button.active{background:#173e2c;color:#fff9ea}.detail-tabs button.active span{color:#d3b98c}.detail-copy h2{margin:18px 0}.detail-copy li{margin:16px 0}.detail-motion label{display:flex;align-items:center;gap:20px;font-size:14px}.detail-motion input{flex:1;min-width:0;accent-color:#274d37}.detail-motion>span{font-size:12px;color:#5b6658}.scene-editorial{margin:35px 0 60px}.scene-pair{position:relative;overflow:hidden;aspect-ratio:3/2;background:#d2d6ca;direction:ltr}.scene-pair img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-height:none!important;margin:0!important}.scene-alternate{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.scene-divider{position:absolute;top:0;bottom:0;left:var(--reveal);width:2px;background:#f9f4e4;box-shadow:0 0 12px #0005}.scene-divider:after{content:'↔';position:absolute;top:50%;left:-22px;width:44px;height:44px;border:1px solid #fff;background:#193c2b;color:#fff;border-radius:50%;display:grid;place-items:center}.pair-label{position:absolute;bottom:20px;padding:9px 16px;background:#0c211cd9;color:#fff5e2;font-size:12px}.pair-original{right:20px}.pair-edited{left:20px}.scene-slider{display:flex;gap:22px;align-items:center;font-size:14px;padding:22px 0;border-bottom:1px solid #ddd8cb}.scene-slider input{flex:1;accent-color:#214e34;direction:ltr;min-width:70px}.scene-closeups{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:35px}.scene-closeups figure{margin:0}.detail-crop{aspect-ratio:1.3;overflow:hidden;position:relative}.detail-crop img{width:100%!important;height:100%!important;object-fit:cover!important;max-height:none!important;margin:0!important;transform:scale(1.65)}.crop-roof img{transform-origin:45% 15%}.crop-living img{transform-origin:55% 70%}.scene-closeups figcaption{font-size:13px;padding-top:12px;color:#4b6049}.board-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:45px}.board-controls{align-self:start}.board-controls h2{margin:12px 0 30px}.board-controls .design-details{background:transparent}.upload-zone{display:block;text-align:center;border:1px dashed #8c9c87;padding:30px 15px;cursor:pointer;background:#e9ebdf;font-size:16px}.upload-zone small{display:block;font-size:12px;margin-top:9px;color:#61705a}.board-concepts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.board-concepts button,.board-concepts figure{margin:0;border:0;padding:0;background:#f4f1e6;text-align:right;font:inherit;font-size:11px;cursor:pointer}.board-concepts img{width:100%;height:85px;object-fit:cover}.board-concepts span,.board-concepts figcaption{display:block;padding:8px}.moodboard-canvas{background:#eee9df;padding:38px;min-width:0}.board-title{margin-bottom:35px}.board-title .latin{font:400 20px 'EB Garamond',serif;letter-spacing:4px;color:#57674f}.board-title h2{font-size:32px;margin:15px 0}.board-title p{white-space:pre-wrap;overflow-wrap:anywhere;max-width:600px}.board-images{display:grid;grid-template-columns:1fr 1fr;gap:22px}.board-image{margin:0;min-width:0}.board-image:first-child{grid-column:1/-1}.board-image>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}.board-image figcaption{display:flex;align-items:center;gap:8px;padding:8px;background:#fffaf0}.board-image input{background:transparent;border:0;padding:6px;font-size:12px}.board-image figcaption>div{display:flex;flex-shrink:0}.board-image button{background:transparent;border:0;color:#42543b;width:36px;height:36px;font-size:22px;cursor:pointer}.board-empty{padding:70px 20px;text-align:center;grid-column:1/-1;border:1px dashed #a5ac99}.board-empty>span{font:12px Lato;letter-spacing:2px}.board-empty h3{font-size:25px;margin:25px 0 10px}.board-empty p{max-width:400px;margin:0 auto 25px}.board-palette{display:flex;gap:18px;flex-wrap:wrap;margin-top:35px}.board-palette>div{flex:1;min-width:80px;max-width:150px}.board-palette strong{font-size:12px;display:block;margin-top:9px}.sample-surface{display:block;width:100%;height:110px;background:linear-gradient(135deg,#ffffff29,transparent 40%,#0002),var(--sample,#b4b29d);box-shadow:inset 0 0 0 1px #ffffff26}.sample-surface.metal{background:linear-gradient(120deg,#fff3,transparent 30%,#ffffff35 48%,#0002 64%,#ffffff16),var(--sample)}.sample-surface.fabric{background:repeating-linear-gradient(0deg,transparent 0 2px,#fff2 2px 3px),repeating-linear-gradient(90deg,transparent 0 2px,#0001 2px 3px),var(--sample)}.sample-surface.wood{background:repeating-linear-gradient(3deg,#0001 0 1px,transparent 1px 8px,#fff1 8px 9px,transparent 9px 16px),var(--sample)}.sample-surface.glass{background:linear-gradient(120deg,transparent 20%,#fffc 21%,#fff3 25%,transparent 50%,#fff6 51%,transparent 56%),var(--sample);opacity:.85;box-shadow:inset 0 0 0 6px #bcd2c4}.sample-tile{background:#fffdf7;border:1px solid #d2d3c4;padding:10px;color:#1d3c2b;text-align:right;font:inherit;cursor:pointer;min-width:0}.sample-tile.selected{border:2px solid #315b3b;padding:9px;background:#e4e9dd}.sample-tile strong{display:block;font-size:14px;margin-top:12px}.sample-tile small{display:block;font-size:10px;margin-top:5px;color:#596950}.mini-materials{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:480px;overflow:auto;padding:8px}.mini-materials .sample-surface{height:65px}.sample-hero{display:grid;grid-template-columns:1.3fr 1fr;background:#16392b;color:#f5f0df;margin-bottom:55px;align-items:center}.sample-hero>img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/2}.sample-hero>div{padding:35px}.sample-hero h2{color:#fff8e5;font-size:32px}.sample-hero p{font-size:14px;color:#d1d9c8}.sample-hero .eyebrow{color:#d1b180}.sample-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:45px;align-items:start}.samples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sample-request{background:#eae7dc;padding:30px;position:sticky;top:100px}.sample-request h2{font-size:24px}.sample-request h2>span{font-size:15px;color:#788068}.sample-request ul{padding:0;list-style:none}.sample-request li{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #d1d0c0;font-size:14px}.sample-dot{width:25px;height:25px;border:1px solid #0002}.sample-request li button{margin-right:auto;border:0;background:transparent;width:32px;height:32px;cursor:pointer;color:#485a3e;font-size:22px}.sample-request .hint-box{background:#fff9eb;font-size:13px;line-height:2;padding:18px}.check-line{display:flex;gap:10px;font-size:13px;line-height:2;margin:22px 0;align-items:start}.check-line input{flex-shrink:0;margin-top:7px;accent-color:#23482e}.request-receipt{padding:20px;background:#dce5d5;margin-top:20px;overflow-wrap:anywhere}.journal-intro{display:flex;justify-content:space-between;gap:40px;margin-bottom:30px;align-items:center}.journal-intro p{max-width:750px}.journal-progress{font-size:32px;white-space:nowrap;color:#365f3e}.journal-progress small{display:block;font-size:12px;color:#68755b}.journal-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:40px 0}.journal-stage{background:#e9e6da;padding:25px;min-width:0}.journal-stage h2{font-size:24px;margin:15px 0 25px}.journal-photo{display:grid;place-items:center;aspect-ratio:4/3;background:#d9ded0;cursor:pointer;border:1px dashed #a4ae96;margin-bottom:23px;text-align:center;overflow:hidden}.journal-photo img{width:100%;height:100%;object-fit:cover}.journal-photo span{font-size:16px}.journal-photo small{display:block;font-size:11px;margin-top:10px}.review-layout{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(0,1.25fr);gap:50px}.review-preview{background:#e8e6d9}.review-preview>img{width:100%;aspect-ratio:3/2;height:auto;object-fit:cover}.review-preview>small{display:block;padding:8px 20px;font-size:11px}.review-preview>div{padding:25px}.review-preview h2{font-size:25px;margin:12px 0}.review-preview p{font-size:14px}.review-sharing{padding:30px 0}.review-sharing h3{font-size:22px}.review-note{padding:25px 0;border-bottom:1px solid #cfd2c3}.review-note>div{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.review-note small{font-size:11px;color:#66735b}.review-note p{white-space:pre-wrap;overflow-wrap:anywhere}.review-note.resolved{opacity:.7}.review-note.resolved .status-badge{background:#dce9d7}.review-form{margin-top:35px}.review-header{display:flex;justify-content:space-between;align-items:center}.invite-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #d6d6c7;font-size:12px;overflow-wrap:anywhere}.invite-row small{display:block;margin-top:5px}.invite-row button{margin-right:auto;white-space:nowrap;font-size:12px}.work-error{padding:50px;background:#eee9dc}.material-tactility{display:grid;grid-template-columns:1fr 1.4fr;gap:55px;align-items:center;margin:70px 0 30px}.material-tactility img{width:100%;height:auto}.material-tactility h2{font-size:34px;line-height:1.8}.material-tactility p{line-height:2.2;margin-bottom:25px}.material-tactility .eyebrow{color:#6b744f}.studio-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid #c6ceba;margin-bottom:22px}.studio-steps button{display:flex;align-items:center;gap:13px;padding:16px 18px;border:0;background:#e8ebdf;color:#314c31;font:550 16px Vazirmatn;cursor:pointer}.studio-steps button span{font:16px Lato;color:#7a815f}.studio-steps button.active{background:#193e2c;color:#fff5de}.studio-steps button.active span{color:#dcc08d}.studio-companions{margin-top:35px}.studio-companions .experience-nav{padding:15px 0;justify-content:start;margin-top:25px}.studio-companions .experience-nav a{font-size:12px;padding:8px}.step-next{width:100%;margin-top:28px;justify-content:center}.control-tabs{grid-template-columns:repeat(3,1fr)}.estimate-coverage{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;margin:0 5vw 35px;background:#e4e9dc;padding:35px}.estimate-coverage h2{font-size:23px;line-height:1.9}.estimate-coverage p{font-size:14px;line-height:2}.estimate-coverage progress{width:100%;height:9px;accent-color:#315c39}.estimate-coverage>div:last-child{border-right:1px solid #bfc9b2;padding-right:35px}.home-tools-v7{padding:95px 6vw;background:#e9e5d9}.home-tools-v7 .section-head{margin-bottom:50px}.home-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.home-tool-grid a{display:block;border-top:1px solid #b9c2ab;padding:25px 0;color:#203c29}.home-tool-grid span{font:15px Lato;color:#727e5c}.home-tool-grid h3{font-size:22px;line-height:1.8;margin:20px 0 10px}.home-tool-grid p{font-size:14px;line-height:2;color:#667155}.viewer-mode-label{position:absolute;bottom:12px;left:14px;background:#f7f5e5dd;color:#355139;padding:5px 10px;font-size:10px;pointer-events:none}.experience-body .fine{font-size:12px;color:#65725d;line-height:2}.sample-hero .fine{color:#d6dfca}.dark-section .studio-steps button{color:#28442d}.material-tactility .button{display:inline-flex}
@media(min-width:1100px){.board-controls{position:sticky;top:100px}}@media(max-width:1050px){.experience-heading{padding-top:60px}.atlas-layout{grid-template-columns:250px 1fr;gap:25px}.atlas-place img{width:60px;height:75px}.detail-layout,.board-layout{gap:25px}.sample-layout{gap:25px}.samples-grid{grid-template-columns:repeat(2,1fr)}.journal-stage{padding:18px}.sample-hero h2{font-size:26px}.review-layout{gap:25px}.workroom-toolbar{flex-wrap:wrap}.experience-nav{padding-inline:3vw}.board-layout{grid-template-columns:250px minmax(0,1fr)}.moodboard-canvas{padding:23px}}
@media(max-width:760px){.experience-heading{padding:40px 6vw 30px}.experience-heading h1{font-size:31px;line-height:1.9}.experience-heading p{font-size:16px}.experience-body{padding:28px 5vw 60px}.experience-nav{gap:3px;justify-content:start}.experience-nav a{font-size:12px;padding:9px 10px}.atlas-layout,.detail-layout,.board-layout,.sample-layout,.review-layout,.material-tactility{grid-template-columns:1fr}.atlas-places{display:grid;grid-template-columns:1fr 1fr;gap:10px}.atlas-place{padding:8px;gap:8px}.atlas-place img{width:50px;height:70px}.atlas-place strong{font-size:13px}.atlas-place small{font-size:10px}.atlas-place b{display:none}.atlas-detail>div{padding:23px}.atlas-filter{gap:7px}.pill{padding:10px 13px;font-size:12px}.detail-canvas{padding:16px}.detail-copy{padding-top:10px}.detail-tabs{margin-bottom:25px}.scene-slider{flex-wrap:wrap;gap:14px}.scene-slider .fine{width:100%}.scene-closeups{gap:12px}.scene-closeups figcaption{font-size:11px}.pair-label{font-size:9px;padding:5px 7px;bottom:10px}.pair-edited{left:8px}.pair-original{right:8px}.workroom-toolbar .actions{gap:12px}.workroom-toolbar .button{font-size:12px}.board-controls{position:static}.board-concepts{grid-template-columns:repeat(3,1fr)}.board-concepts img{height:75px}.moodboard-canvas{padding:20px}.board-images{gap:15px}.board-image{grid-column:1/-1}.board-title h2{font-size:26px}.board-palette{gap:12px}.board-palette>div{min-width:70px}.board-palette .sample-surface{height:80px}.sample-hero{grid-template-columns:1fr;margin-bottom:30px}.sample-hero>div{padding:25px}.sample-hero h2{font-size:29px}.sample-request{position:static;padding:25px}.sample-layout{gap:35px}.samples-grid{grid-template-columns:repeat(3,1fr);gap:10px}.sample-tile{padding:7px}.sample-tile.selected{padding:6px}.sample-tile strong{font-size:12px}.sample-tile small{font-size:9px}.sample-surface{height:95px}.journal-intro{display:block}.journal-progress{display:block;margin-top:20px}.journal-stages{grid-template-columns:1fr}.journal-stage{padding:24px}.review-layout{gap:35px}.material-tactility{gap:25px}.material-tactility img{order:-1}.material-tactility h2{font-size:28px}.studio-steps button{padding:12px 9px;font-size:12px;gap:7px;justify-content:center}.studio-steps button span{font-size:11px}.estimate-coverage{grid-template-columns:1fr;gap:20px;padding:25px}.estimate-coverage>div:last-child{border-right:0;border-top:1px solid #bfc9b2;padding:25px 0 0}.estimate-coverage h2{font-size:21px}.home-tools-v7{padding:60px 6vw}.home-tool-grid{grid-template-columns:1fr 1fr;gap:22px}.home-tool-grid h3{font-size:18px}.home-tool-grid p{font-size:12px}.home-tool-grid span{font-size:13px}}
@media(max-width:380px){.samples-grid{grid-template-columns:1fr 1fr}.atlas-places{grid-template-columns:1fr}.studio-steps button{flex-direction:column;gap:4px}.home-tool-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{body.print-workroom{background:white!important;color:#172c1c!important}body.print-workroom .site-header,body.print-workroom .site-footer,body.print-workroom .breadcrumb,body.print-workroom .experience-nav,body.print-workroom .workroom-toolbar,body.print-workroom .board-controls,body.print-workroom button,body.print-workroom .experience-heading,body.print-workroom .skip,body.print-workroom .mobile-nav,body.print-workroom #toast{display:none!important}body.print-workroom .experience-body{padding:0;max-width:none}body.print-workroom .board-layout{display:block}body.print-workroom .moodboard-canvas{padding:20px}body.print-workroom .board-image,body.print-workroom .journal-stage{break-inside:avoid}body.print-workroom .journal-stages{display:block}body.print-workroom .journal-stage{margin-bottom:25px}body.print-workroom .journal-photo{max-height:350px}body.print-workroom input,body.print-workroom textarea{border:0!important;background:transparent!important;color:#172c1c!important}body.print-workroom .board-image figcaption>div{display:none}}
#material-tactility{margin:80px 6vw 90px}.studio-body .viewer-host .viewer-mode-label{bottom:10px;left:12px}.finish-sample .finish-chip{height:150px}.finish-sample .finish-chip.fabric{background:repeating-linear-gradient(0deg,transparent 0 2px,#fff2 2px 3px),repeating-linear-gradient(90deg,transparent 0 2px,#0001 2px 3px),var(--sample)}.material-render svg text{fill:#e6e9da}@media(max-width:760px){#material-tactility{margin:50px 6vw}.finish-sample .finish-chip{height:120px}}
#sample-selection{scroll-margin-top:110px}@media(max-width:760px){.experience-heading{padding-top:24px;padding-bottom:24px}.experience-heading h1{margin:12px 0;font-size:29px}.experience-heading p{font-size:15px;line-height:2}.workroom-toolbar{padding-top:0;margin-bottom:24px}.workroom-toolbar .actions{gap:9px}.workroom-toolbar .text-link{font-size:12px}.experience-nav{padding-top:12px;padding-bottom:12px}}
.print-value{display:none}@media print{body.print-workroom .print-value{display:block;white-space:pre-wrap;overflow-wrap:anywhere}body.print-workroom textarea{display:none!important}}
.cloud-workroom-picker{width:min(700px,92vw);max-height:85vh;overflow:auto;padding:30px;border:1px solid #89967d;background:#f7f4e9;color:#203c29;font-family:Vazirmatn}.cloud-workroom-picker::backdrop{background:#071a13b8}.cloud-workroom-picker h2{font-size:25px}.cloud-workroom-picker p{font-size:14px;line-height:2}.cloud-room-row{display:flex;width:100%;align-items:center;gap:18px;padding:20px 0;border:0;border-bottom:1px solid #c8cebd;background:transparent;color:#23432d;text-align:right;font:inherit;cursor:pointer}.cloud-room-row span{font-size:12px;margin-right:auto}.cloud-room-row strong{max-width:60%;overflow-wrap:anywhere}.cloud-room-row:hover{background:#e5eadc}.cloud-room-row b{font-size:23px}.cloud-workroom-picker button:focus-visible{outline:3px solid #9e733d;outline-offset:2px}

.experience-body [data-file-picker]:focus-visible{outline:3px solid #997448;outline-offset:4px}
