:root{font:16px/1.6 Arial,sans-serif;color:#4b413a;background:#faf6f0;--line:#d9cec0;--clay:#846e5e}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block;object-fit:contain}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.05;letter-spacing:-.035em}h1{font-size:clamp(3rem,6vw,6rem)}h2{font-size:2.7rem}input:not([type=checkbox]),select{padding:.8rem;background:#fffdfa;border:1px solid #c8bbaa;width:100%;margin:.4rem 0 .8rem;color:#4b413a}input[type=checkbox]{width:18px;height:18px;accent-color:var(--clay);flex:0 0 auto}label{font-size:.77rem}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c4874f;outline-offset:4px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:1rem;z-index:30}.bay-head{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 6%;gap:3rem;border-bottom:1px solid var(--line);font-size:.78rem}.bay-logo{font-family:Georgia,serif;font-size:1.65rem;line-height:.9;letter-spacing:-.04em}.bay-logo i{font-weight:400;margin-left:1.2rem;font-size:1.45rem}.bay-head nav{display:flex;gap:2rem}.bay-opening{display:grid;grid-template-columns:1.15fr .85fr;align-items:center}.bay-opening>img{height:650px;width:100%;object-fit:cover}.bay-opening>div{padding:4rem 12%}.bay-opening h1{margin-bottom:1.8rem}.bay-opening p{color:#88786a;font-size:.95rem}.caption{font-size:.6rem;letter-spacing:.2em;display:block;margin-bottom:1.4rem}.bay-button{display:inline-block;padding:1rem 1.4rem;background:var(--clay);border:1px solid var(--clay);color:white;font-size:.8rem}.bay-button:hover{background:#635246}.bay-collection{max-width:1420px;padding:5rem 6%;margin:auto}.bay-collection>header{display:flex;align-items:start;justify-content:space-between}.piece-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.piece img{width:100%;aspect-ratio:1.25;object-fit:cover;background:#eee7de}.piece a>div{padding:1.3rem 0}.piece span{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#9d8170}.piece h3{font-family:Georgia,serif;font-weight:400;font-size:1.4rem;margin:.3rem 0}.piece b{font-size:.82rem;font-weight:400}.space-note{text-align:center;padding:5rem 6%;background:#ebe2d7}.space-note p{font-size:.6rem;letter-spacing:.2em}.space-note a{font-size:.8rem;border-bottom:1px solid #8b7867;padding-bottom:.3rem}.bay-detail{max-width:1420px;margin:auto;padding:4rem 6%}.detail-heading{text-align:center}.detail-heading h1{margin-bottom:1rem}.detail-heading p{font-size:1.1rem}.object{height:580px;width:100%;object-fit:contain;background:#eee8df}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:4rem 0}.detail-columns p{color:#8a7b6c;font-size:.9rem}.detail-columns li{font-size:.84rem;margin:.8rem 0}.detail-columns ul{padding-left:1rem}#studio-select{display:grid;gap:.5rem;align-content:start}.fine{font-size:.73rem!important;color:#8a7b6c}.studio-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:7%;margin-top:3rem}.studio-layout>aside{background:#eee6da;padding:2rem;height:fit-content}.studio-line{display:grid;grid-template-columns:105px 1fr auto;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--line)}.studio-line img{width:105px;height:95px;object-fit:cover}.studio-line h3{font-family:Georgia,serif;font-size:1.2rem;font-weight:400;margin-bottom:.4rem}.studio-line p{font-size:.74rem;margin:.4rem 0;color:#8b7e70}.studio-line strong{font-size:.8rem;font-weight:400}.studio-line form{display:flex;gap:.5rem;align-items:center}.studio-line input{max-width:65px;padding:.35rem;margin:.2rem}.studio-line button{border:0;background:none;text-decoration:underline;font-size:.72rem;color:#6d5e4e}.amounts>div{display:flex;justify-content:space-between;gap:1rem;margin:1rem 0;font-size:.85rem}.amounts dd{margin:0}.amounts>div:last-child{border-top:1px solid var(--line);padding-top:1rem;font-size:1.2rem}.room-order{padding:2rem;background:#eee6da}.room-order h2{font-size:2rem}.room-order>label{display:block}.side-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}fieldset{border:1px solid #c4b29e;padding:1rem;margin-top:1.2rem}legend{font-size:.75rem}.check{display:flex!important;align-items:start;gap:.7rem;margin:1rem 0}.check a{text-decoration:underline}.journal{max-width:850px;padding:5rem 6%;margin:auto}.journal>p{line-height:1.9;color:#827466;font-size:.95rem}.journal a{border-bottom:1px solid var(--line)}.journal .reference{font-size:1.6rem}.space-guide form{background:#eee6da;padding:2rem;margin:2rem 0}.space-guide label{display:block}.frame-options article{padding:1.5rem 0;border-bottom:1px solid var(--line)}.frame-options h2{font-size:1.6rem}.frame-options p{font-size:.85rem}.bay-footer{display:grid;grid-template-columns:1fr 2fr;gap:3rem;padding:3rem 6%;border-top:1px solid var(--line)}.bay-footer>div{display:flex;flex-wrap:wrap;gap:1.2rem;font-size:.75rem}.bay-footer button{background:none;border:0;padding:0;font-size:inherit;color:inherit}.bay-footer small{font-size:.6rem;grid-column:1/-1}#bay-cookie{position:fixed;bottom:1rem;left:2%;right:2%;display:flex;gap:1rem;align-items:center;background:#fffcf7;border:1px solid #c2b19d;box-shadow:0 5px 24px #574d3a26;padding:1.3rem;z-index:20}#bay-cookie p{font:1.2rem Georgia,serif;margin:0;max-width:170px}#bay-cookie span{font-size:.7rem;flex:1}#bay-cookie button{font-size:.68rem;border:1px solid #c4b5a1;background:transparent;padding:.6rem;color:#6e5d4c}#bay-cookie button:last-child{background:var(--clay);color:white}dialog{width:490px;max-width:calc(100% - 2rem);max-height:calc(100dvh - 2rem);overflow:auto;padding:2rem;border:1px solid var(--line);background:#faf6f0;color:#4b413a}dialog::backdrop{background:#362a21a6}dialog h2{font-size:2.8rem}dialog p{font-size:.83rem;color:#89796a}.close{float:right;background:none;border:0;font-size:1.6rem;width:35px;height:35px;color:#4b413a}#bay-withdraw{display:block;margin-top:1rem;border:0;background:none;text-decoration:underline;font-size:.76rem;color:#6e5d4c}.notice{padding:1rem 6%;background:#f8dfcf;color:#733f24;margin:0}@media(max-width:760px){.bay-head{flex-wrap:wrap;padding:1.3rem 6%;gap:1rem}.bay-head nav{order:3;width:100%;justify-content:space-between;gap:.7rem;font-size:.7rem}.bay-opening{grid-template-columns:1fr}.bay-opening>img{height:360px}.bay-opening>div{padding:3rem 6%}.bay-opening h1{font-size:4rem}.bay-collection,.bay-detail{padding:3rem 6%}.bay-collection>header{display:block}.piece-grid{grid-template-columns:1fr 1fr;gap:1.3rem}.piece img{aspect-ratio:1}.piece h3{font-size:1.15rem}.space-note{padding:3rem 6%}.space-note h2{font-size:2.5rem}.object{height:340px}.detail-columns,.studio-layout{grid-template-columns:1fr;gap:2rem}.detail-columns{padding:2rem 0}.detail-heading h1{font-size:3rem}.studio-line{grid-template-columns:70px 1fr;gap:.7rem}.studio-line img{width:70px;height:75px}.studio-line strong{grid-column:2}.room-order{padding:1.3rem}.journal{padding:3rem 6%}.journal h1{font-size:3.2rem}.bay-footer{grid-template-columns:1fr;gap:2rem}.bay-footer small{grid-column:auto}#bay-cookie{display:grid;grid-template-columns:repeat(3,1fr);padding:1rem;gap:.65rem}#bay-cookie p,#bay-cookie span{grid-column:1/-1;max-width:none}dialog{padding:1.5rem}.side-fields{gap:.7rem}}
.studio-first-plan{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 4rem}.studio-first-plan>h2,.studio-first-plan>p{grid-column:1/-1;max-width:770px}.studio-first-plan>form{background:#eee6da;padding:2rem}.studio-first-plan>form>label{display:block}.studio-first-plan .frame-options{border-top:1px solid var(--line)}.studio-first-plan .frame-options h3{font:1.4rem Georgia,serif;font-weight:400;margin-bottom:.6rem}.studio-first-plan .frame-options p{font-size:.82rem;color:#89796a}.studio-first-plan .frame-options a{font-size:.77rem;text-decoration:underline}@media(max-width:760px){.studio-first-plan{grid-template-columns:1fr;gap:1rem}.studio-first-plan>h2,.studio-first-plan>p{grid-column:auto}.studio-first-plan>form{padding:1.3rem}}

.frame-measurement>header{max-width:750px;margin-bottom:2.5rem}.collection-measure{background:#eee9de;padding:1.6rem;margin-bottom:2rem}.collection-measure fieldset{border:0;padding:0;display:flex;align-items:end;gap:1.4rem;flex-wrap:wrap}.collection-measure legend{font-size:1.25rem;margin-bottom:1.2rem}.collection-measure label{flex:1;min-width:160px}.collection-measure .check{display:flex;align-items:center;min-width:200px}.collection-measure .check input{width:auto}.frame-comparison{width:100%;border-collapse:collapse;text-align:left}.frame-comparison caption{text-align:left;padding:1rem 0;color:#665e54}.frame-comparison th,.frame-comparison td{padding:1.2rem .8rem;border-bottom:1px solid #c9c2b7;vertical-align:middle}.frame-comparison thead{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.frame-comparison tbody th{width:23%;font-weight:400}.frame-comparison img{width:150px;height:110px;object-fit:contain;display:block}.frame-comparison tbody th span{display:block;font-family:Georgia,serif;font-size:1.2rem;margin-top:.5rem}.frame-comparison td:last-child a{display:block;margin-top:.75rem}.studio-replacements{margin-top:4rem;border-top:2px solid #393c31;padding-top:2rem}.studio-replacements>p{max-width:720px}.studio-replacements dl>div{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid #c9c2b7}.studio-replacements dt{font-family:Georgia,serif;font-size:1.5rem}.studio-replacements dd{margin:0}.studio-replacements dd a{display:block;margin-top:.7rem}.room-result{padding:2rem;background:#eee9de}@media(max-width:700px){.collection-measure fieldset{display:block}.collection-measure label{display:block;margin-bottom:1rem}.frame-comparison,.frame-comparison tbody,.frame-comparison tr,.frame-comparison td,.frame-comparison tbody th{display:block;width:100%}.frame-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.frame-comparison tr{border-bottom:2px solid #393c31;padding:1rem 0}.frame-comparison th,.frame-comparison td{border:0;padding:.6rem 0}.frame-comparison td:nth-child(2):before{content:"Fixed frame: ";font-weight:bold}.frame-comparison td:nth-child(3):before{content:"Carriage travel: ";font-weight:bold}.frame-comparison td:nth-child(4):before{content:"With allowance: ";font-weight:bold}.frame-comparison td:nth-child(5):before{content:"Room check: ";font-weight:bold}.studio-replacements dl>div{display:block}.studio-replacements dd{margin-top:1rem}}

/* Frame and accessory photos remain proportional outside fixed comparison thumbnails. */
.piece img,.bay-detail>img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}

/* Room worksheets retain the envelope calculation next to each chosen frame. */
.studio-room-ledger{max-width:1050px}.studio-room-ledger>aside{border-top:2px solid #3b4638;padding-top:2rem;margin-top:2rem;display:flex;gap:3rem;align-items:end}.studio-room-ledger .amounts{flex:1}.studio-line.room-worksheet{display:block;border:1px solid #b9b1a5;padding:1.5rem;margin-bottom:2rem}.room-worksheet legend{font:1.5rem Georgia,serif;padding:0 .6rem}.frame-envelope{display:flex;gap:2rem;align-items:center;margin-bottom:1.5rem}.frame-envelope>img{width:180px;height:140px;object-fit:contain}.frame-envelope dl{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;font-size:.9rem}.frame-envelope dd{margin:0}.room-worksheet form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.room-worksheet form button{grid-column:1/-1;width:fit-content}.room-worksheet>p{font-size:.8rem}.studio-line.loose-studio-piece{display:block;padding:1.5rem;border-left:4px solid #8a7666;background:#f0ece5}.loose-studio-piece form{display:flex;gap:1rem;align-items:end;max-width:400px}.loose-studio-piece b{display:block;margin-top:1rem}.studio-handover{display:block}.installation-manifest{border-top:1px solid #b9b1a5;border-bottom:1px solid #b9b1a5;padding:1.5rem 0;margin-bottom:3rem}.installation-manifest>summary{font:1.8rem Georgia,serif;cursor:pointer;margin-bottom:1rem}.studio-line.installation-entry{display:block;padding:1rem 0;border-bottom:1px solid #dbd4ca}.installation-entry dl{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.installation-entry dd{margin:.4rem 0}.room-delivery-sequence{list-style:decimal;padding-left:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem}.room-delivery-sequence li{padding-left:1rem}.room-delivery-sequence p{font-size:.85rem;line-height:1.6}.studio-handover .room-order{max-width:none;background:#f0ece5;padding:2rem}.studio-handover .room-order>.amounts{max-width:500px;margin:2rem 0}.studio-handover .room-order>fieldset{max-width:650px}@media(max-width:700px){.studio-room-ledger>aside{display:block}.frame-envelope{display:block}.frame-envelope dl{font-size:.8rem}.room-worksheet form{grid-template-columns:1fr 1fr}.room-delivery-sequence{display:block}.room-delivery-sequence li{margin-bottom:2rem}.studio-handover .room-order{padding:1rem}.installation-entry dl{grid-template-columns:1fr}.room-worksheet{min-width:0}}
