
:root{--ink:#292a27;--muted:#777970;--paper:#f8f7f3;--line:#deddd6;--accent:#a48a62}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px}button,a{cursor:pointer}button{font:inherit}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;background:rgba(248,247,243,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%}.brand{font-family:Georgia,serif;font-size:23px;letter-spacing:.02em}.brand small{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.27em;margin-top:5px;color:var(--muted)}nav{display:flex;gap:30px;align-items:center}nav button{background:none;border:0;padding:12px 0;text-transform:uppercase;font-size:10px;letter-spacing:.16em;color:#555}nav button.active,nav button:hover{color:#9b7750;border-bottom:1px solid #9b7750}.menu{display:none}.page{display:none}.page.active{display:block}.hero{min-height:620px;height:76vh;position:relative;background:#262b2b;overflow:hidden;color:white;display:flex;align-items:end}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.72)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.56))}.hero-text{position:relative;z-index:1;margin:0 0 8% 9%;max-width:900px}.eyebrow{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--accent)}.hero .eyebrow{color:#ded1b9}.hero h1{font:normal clamp(42px,5.4vw,82px)/1.06 Georgia,serif;margin:16px 0 20px}.hero p{font-size:14px;line-height:1.8;color:#e5e3dc;max-width:420px}.outline{display:inline-block;margin-top:23px;border:1px solid #fff;color:#fff;padding:15px 24px;text-transform:uppercase;letter-spacing:.16em;font-size:10px;background:transparent}.outline:hover{background:#fff;color:#333}.wrap{max-width:1320px;margin:auto;padding:100px 5.5%}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}.section-head h2,.page-title{font:normal clamp(35px,4vw,57px) Georgia,serif;margin:12px 0}.section-head p,.intro{color:var(--muted);line-height:1.8;max-width:590px}.text-link{border:0;background:none;text-transform:uppercase;letter-spacing:.14em;font-size:10px;padding:10px 0;border-bottom:1px solid #999;white-space:nowrap}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px}.collection{border:0;text-align:left;background:none;padding:0;color:inherit}.collection img{width:100%;height:350px;object-fit:cover;display:block;transition:transform .4s}.image-wrap{overflow:hidden;background:#dedbd4}.collection:hover img,.art-card:hover img{transform:scale(1.035)}.collection strong{font:normal 25px Georgia,serif;display:block;margin-top:17px}.collection span{display:block;color:var(--muted);font-size:12px;margin-top:8px}.feature-band{background:#eae8e1;padding:80px 5.5%;display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center}.feature-band img{width:100%;height:450px;object-fit:cover}.feature-band h2{font:normal 44px Georgia,serif}.feature-band p{line-height:1.9;color:#696a63;max-width:450px}.page-top{text-align:center;padding:90px 20px 55px}.page-top .intro{margin:0 auto}.filters{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:0 0 35px}.filters button{border:1px solid #d5d2ca;background:transparent;padding:12px 18px;font-size:11px;color:#5b5b56}.filters button.active{background:#333;color:#fff;border-color:#333}.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 24px}.art-card{border:0;background:none;text-align:left;padding:0;color:inherit}.art-card img{width:100%;height:310px;object-fit:cover;display:block;transition:transform .35s}.art-card h3{font:normal 20px Georgia,serif;margin:14px 0 6px}.art-card p{color:var(--muted);font-size:12px;margin:0}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.shop-card img{width:100%;height:350px;object-fit:cover}.shop-card h3{font:normal 23px Georgia,serif;margin-bottom:8px}.shop-card p{color:var(--muted);line-height:1.6}.pill{display:inline-block;border:1px solid #c8c5bd;padding:11px 15px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;background:transparent}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.about-layout img{width:100%;height:530px;object-fit:cover}.about-layout h2{font:normal 48px Georgia,serif}.about-layout p{color:#666;line-height:2}.contact{max-width:700px;margin:0 auto}.contact label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin:22px 0 9px}.contact input,.contact textarea{width:100%;background:transparent;border:1px solid #c8c6bf;padding:15px;font:inherit}.contact textarea{height:150px}.dark-button{background:#2e302e;color:white;border:0;padding:16px 28px;letter-spacing:.14em;text-transform:uppercase;font-size:10px;margin-top:22px}.footer{padding:45px 5.5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;color:#777;font-size:11px}.lightbox{position:fixed;inset:0;background:#101111;z-index:100;display:none;color:#fff}.lightbox.open{display:grid;grid-template-columns:1fr 310px}.viewer{position:relative;display:flex;justify-content:center;align-items:center;padding:45px 60px}.viewer img{max-width:100%;max-height:88vh;object-fit:contain}.viewer button,.close{position:absolute;background:rgba(0,0,0,.4);border:1px solid #555;color:white;font-size:23px;width:42px;height:42px}.prev{left:15px}.next{right:15px}.close{right:20px;top:18px;z-index:2}.details{background:#202222;padding:90px 30px 30px}.details h2{font:normal 35px Georgia,serif}.details p{color:#aaa;line-height:1.8}.details .eyebrow{color:#bfa783}.details button{border:1px solid #777;background:none;color:#fff;padding:14px 20px;font-size:11px;margin-top:25px}.note{background:#e9e6dd;padding:16px 22px;font-size:12px;color:#65635c;line-height:1.7}.mobile-only{display:none}@media(max-width:800px){.site-header{height:auto;min-height:72px;padding:16px 5%}.brand{font-size:19px}.menu{display:block;background:none;border:0;font-size:22px}nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:20px;flex-direction:column;gap:8px;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{min-height:520px;height:70vh}.hero-text{margin:0 7% 13%}.wrap{padding:65px 5%}.collection-grid,.feature-band,.about-layout{grid-template-columns:1fr}.collection img{height:250px}.art-grid,.shop-grid{grid-template-columns:repeat(2,1fr)}.art-card img{height:230px}.feature-band{padding:55px 5%}.feature-band img{height:300px}.lightbox.open{grid-template-columns:1fr;grid-template-rows:1fr auto}.viewer{padding:55px 40px 10px}.viewer img{max-height:58vh}.details{padding:15px 25px 25px}.details h2{font-size:25px;margin:10px 0}.details p{margin:6px 0}.details button{margin-top:8px}.footer{flex-direction:column}}@media(max-width:500px){.art-grid,.shop-grid{grid-template-columns:1fr}.art-card img{height:340px}.section-head{display:block}.hero h1{font-size:46px}}
.print-editorial{display:grid;grid-template-columns:1.15fr .85fr;background:#e9e6df;min-height:610px}.room-preview{position:relative;min-height:590px;overflow:hidden;background:linear-gradient(105deg,#c7c2b8,#e9e5dd 65%,#d5d0c6)}.room-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(80,75,65,.12),transparent 45%)}.room-art{position:absolute;z-index:2;top:12%;left:28%;width:44%;height:51%;background:#f7f5ef;border:0;box-shadow:10px 14px 22px #0003;padding:0}.room-art img{display:block;width:100%;height:100%;object-fit:cover}.room-sofa{position:absolute;bottom:10%;left:13%;width:75%;height:24%;border-radius:65px 65px 8px 8px;background:#aaa59b;box-shadow:inset 0 20px 28px #fff3,0 25px 30px #0002}.room-sofa:before{content:"";position:absolute;bottom:-22px;left:6%;width:88%;height:32px;background:#969085;border-radius:8px}.room-floor{position:absolute;bottom:0;height:13%;width:100%;background:#bdb6a9}.print-editorial-copy{padding:90px 11%;display:flex;flex-direction:column;justify-content:center}.print-editorial-copy h2{font:normal clamp(34px,3.7vw,54px)/1.12 Georgia,serif}.print-editorial-copy p{line-height:1.9;color:#66665f}.preview-thumbs{display:flex;gap:10px;margin:22px 0 8px}.preview-thumbs button{border:2px solid transparent;background:transparent;padding:3px;width:78px;height:72px}.preview-thumbs button.active{border-color:#a48a62}.preview-thumbs img{width:100%;height:100%;object-fit:cover}.microcopy{font-size:11px}.print-editorial-copy .dark-button{align-self:flex-start}.print-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:45px 0 85px}.print-steps article{border-top:1px solid #bbb8ae;padding-top:24px}.print-steps span{color:#a48a62;font-size:12px}.print-steps h3,.print-note h3{font:normal 27px Georgia,serif}.print-steps p,.print-note p{color:#777970;line-height:1.9}.print-note{background:#eae8e1;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:25px}.print-note p{max-width:570px}@media(max-width:800px){.print-editorial{grid-template-columns:1fr}.room-preview{min-height:440px}.print-editorial-copy{padding:55px 7%}.print-steps{grid-template-columns:1fr;gap:18px}.print-note{display:block}.room-art{top:10%;height:55%}}
.studio{display:grid;grid-template-columns:1.25fr .75fr;gap:9%;align-items:start}.studio-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin:28px 0 14px;color:#81745f}.studio-options{display:flex;flex-wrap:wrap;gap:12px}.studio-choice{min-width:155px;text-align:left;padding:17px 20px;background:transparent;border:1px solid #c8c5bd;color:#292a27}.studio-choice.active{border-color:#292a27;background:#eae8e1;box-shadow:inset 0 0 0 1px #292a27}.studio-choice small{display:block;margin-top:7px;color:#777;font-size:11px}.studio-summary{background:#eeece6;margin-top:27px;padding:23px}.studio-summary span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#777}.studio-summary strong{display:block;font:normal 25px Georgia,serif;margin:10px 0}.studio-summary p{line-height:1.7}.studio-aside{border-top:1px solid #bbb8ae;padding-top:15px}.studio-aside h3{font:normal 30px Georgia,serif}.studio-aside p{line-height:1.9;color:#777970}.room-art.canvas-mode{box-shadow:7px 7px 0 #b6afa3,12px 15px 24px #0003}.room-art.paper-mode{background:#fdfdfc;box-shadow:2px 3px 9px #0002;outline:1px solid #e8e5df}.room-art{transition:width .3s ease,height .3s ease,left .3s ease,top .3s ease,box-shadow .3s ease}.room-art img{object-fit:fill}@media(max-width:800px){.studio{grid-template-columns:1fr}.studio-options{gap:8px}.studio-choice{min-width:135px}}

/* Concept 18: live side-by-side configurator */
.print-editorial{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:stretch;min-height:650px}
.room-preview{min-height:650px;position:sticky;top:80px;align-self:start;height:calc(100vh - 80px);max-height:850px}
.print-editorial-copy{padding:34px clamp(24px,3.5vw,62px);display:block;background:#e9e6df}
.print-editorial-copy h2{font-size:clamp(30px,3vw,43px);margin:12px 0}
.print-editorial-copy .studio-intro{line-height:1.55;margin:8px 0}
.print-editorial-copy .studio-panel{padding:12px 0;background:transparent;border:0;box-shadow:none}
.print-editorial-copy .studio-label{margin:14px 0 9px}
.print-editorial-copy .studio-options{gap:8px}
.print-editorial-copy .studio-choice{padding:12px 10px}
.print-editorial-copy .studio-summary{margin:16px 0;padding:12px}
.print-editorial-copy .studio-panel>.microcopy{line-height:1.45;margin:10px 0}
.studio-bottom{display:block;margin-top:0}.studio-bottom .studio-aside{max-width:850px}
@media(max-width:850px){.print-editorial{grid-template-columns:1fr}.room-preview{position:relative;top:auto;height:410px;min-height:410px;max-height:none}.print-editorial-copy{padding:30px 6%}.print-editorial-copy .studio-options.sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Concept 18 — photographic room setting, presentation-specific art treatment */
.room-preview{background:#d7d2c8 url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?w=1400&q=85') center center / cover no-repeat;isolation:isolate}
.room-preview:before{background:linear-gradient(180deg,rgba(244,240,231,.13),transparent 70%);pointer-events:none}
.room-sofa,.room-floor{display:none}
.room-art{box-sizing:content-box;overflow:visible;border:0;padding:0;transform:translateZ(0)}
.room-art img{display:block;width:100%;height:100%;object-fit:fill}
.room-art.paper-mode{background:#f9f7f1;padding:clamp(9px,1.5vw,19px);border:clamp(3px,.45vw,6px) solid #222321;outline:none;box-shadow:1px 2px 2px #0005,5px 11px 18px #0004}
.room-art.canvas-mode{background:transparent;padding:0;border:0;outline:0;box-shadow:6px 4px 0 #c1baad,9px 7px 0 #9b958b,11px 15px 22px #0004}
.preview-caption{position:absolute;z-index:3;left:16px;bottom:16px;padding:9px 12px;background:rgba(248,247,243,.88);color:#4e4c47;font-size:10px;letter-spacing:.03em}
@media(max-width:850px){.room-preview{background-position:center}.preview-caption{font-size:9px}}

/* Concept 18: purpose-built room, unobstructed wall, no competing framed artwork. */
.room-preview{background:linear-gradient(105deg,#e7e1d7 0%,#f3eee5 60%,#e5ddd0 100%);isolation:isolate}
.room-preview:before{content:"";position:absolute;inset:0 0 24%;background:linear-gradient(90deg,rgba(112,97,76,.07),transparent 32%,rgba(255,255,255,.35) 70%,rgba(145,127,105,.07));pointer-events:none}
.room-preview:after{content:"";position:absolute;left:0;right:0;bottom:24%;height:2px;background:#d8cfc2;z-index:0}
.room-floor{display:block;position:absolute;bottom:0;left:0;width:100%;height:24%;background:repeating-linear-gradient(174deg,transparent 0 80px,rgba(125,102,78,.09) 81px 83px),linear-gradient(155deg,#c8b7a0,#e1d4c2);z-index:0}
.room-sofa{display:flex;align-items:center;justify-content:center;gap:3px;position:absolute;left:17%;width:66%;height:19%;bottom:11%;border-radius:28px 28px 11px 11px;background:#c4b5a3;box-shadow:inset 0 12px 20px #ffffff55,0 19px 18px #55432b26;z-index:1;padding:13px 15px 6px}
.room-sofa:before{content:"";position:absolute;left:-4%;right:-4%;bottom:0;height:57%;border-radius:14px 14px 9px 9px;background:#b9a997;box-shadow:inset 0 5px 10px #ffffff33}
.room-sofa:after{content:"";position:absolute;left:6%;right:6%;bottom:-14px;height:17px;background:linear-gradient(90deg,#746455 0 2%,transparent 2% 98%,#746455 98%);z-index:-1}
.sofa-cushion{display:block;position:relative;z-index:1;flex:1;height:85%;background:#d5c8b8;border:1px solid #b5a591;border-radius:14px 14px 9px 9px;box-shadow:inset 0 2px 10px #fff5}
.room-lamp{position:absolute;bottom:23%;left:8%;height:29%;width:5px;background:#897c69;z-index:1}
.room-lamp:before{content:"";position:absolute;bottom:90%;left:-31px;width:67px;height:56px;background:linear-gradient(90deg,#d2c6b4,#f5e9d5);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);box-shadow:0 5px 15px #0002}
.room-lamp:after{content:"";position:absolute;bottom:-4px;left:-19px;width:43px;height:5px;background:#897c69;border-radius:50%}
.room-plant{position:absolute;right:8%;bottom:23%;width:44px;height:58px;border-radius:4px 4px 15px 15px;background:linear-gradient(90deg,#a18a71,#c3ad90);z-index:1}
.room-plant:before{content:"";position:absolute;bottom:40px;left:-25px;width:94px;height:160px;background:#64735b;clip-path:polygon(50% 100%,44% 68%,14% 58%,7% 37%,31% 44%,39% 62%,36% 22%,48% 0,58% 28%,54% 60%,74% 38%,100% 30%,88% 61%,59% 73%,53% 100%);filter:drop-shadow(3px 4px 3px #0002)}
.room-art{z-index:3;box-sizing:content-box;overflow:visible;transform:none;transition:width .3s,height .3s,left .3s,top .3s,box-shadow .3s}
.room-art img{width:100%;height:100%;object-fit:fill}
.room-art.paper-mode{background:#f6f2e9;padding:clamp(8px,1.1vw,15px);border:clamp(3px,.35vw,5px) solid #252525;box-shadow:1px 3px 4px #0003,6px 11px 18px #0003}
.room-art.canvas-mode{background:transparent;padding:0;border:0;outline:0;box-shadow:2px 3px 3px #0002,5px 9px 16px #0003}
.room-art.canvas-mode:after{content:"";position:absolute;left:100%;top:2px;width:4px;height:calc(100% - 1px);background:#a8a39a;clip-path:polygon(0 0,100% 4px,100% 100%,0 100%);opacity:.45}
.preview-caption{z-index:4}
@media(max-width:850px){.room-sofa{bottom:12%;height:17%}.room-plant{right:5%}.room-lamp{left:7%}}

/* Concept 10 — improved illustrated sofa and softened canvas corners */
.room-sofa{left:15%;width:70%;height:19%;bottom:11%;box-sizing:border-box;padding:0 13px 12px;gap:6px;align-items:flex-start;justify-content:center;border-radius:24px 24px 12px 12px;background:linear-gradient(#d4c7b7 0 44%,#b9aa99 45% 100%);border:2px solid #aa9a88;box-shadow:inset 0 8px 15px #fff6,0 14px 20px #55432b26}
.room-sofa:before{left:2%;right:2%;bottom:7%;height:39%;border-radius:13px;background:linear-gradient(180deg,#e1d4c4,#c4b4a1);border:1px solid #b3a38f;box-shadow:inset 0 5px 9px #fff8;z-index:2}
.room-sofa:after{left:7%;right:7%;bottom:-14px;height:17px;background:linear-gradient(90deg,#766454 0 2%,transparent 2% 98%,#766454 98%);z-index:-1}
.sofa-cushion{flex:1;height:57%;border-radius:13px 13px 7px 7px;background:linear-gradient(155deg,#e0d4c5,#c6b7a5);border:1px solid #b8a793;box-shadow:inset 2px 3px 8px #fff7,2px 3px 5px #0001}
.room-sofa .sofa-arm{position:absolute;bottom:0;width:11%;height:60%;background:linear-gradient(#d7c9b8,#b8a795);border:1px solid #aa9885;border-radius:15px 15px 8px 8px;z-index:4}
.room-sofa .sofa-arm.left{left:-6%}.room-sofa .sofa-arm.right{right:-6%}
.room-art.canvas-mode{border-radius:3px;overflow:hidden;box-shadow:2px 4px 7px #0002,5px 10px 17px #0002}
.room-art.canvas-mode img{border-radius:3px}
.room-art.canvas-mode:after{display:none}

/* Concept 11: sofa with clear upholstered back, two seat pads, arms and base */
.room-sofa{left:17%;width:66%;height:23%;bottom:10%;padding:9px 12px 0;gap:5px;align-items:flex-start;background:linear-gradient(180deg,#cfc0ad 0%,#c6b49f 72%,#ad9b88 100%);border:2px solid #aa9781;border-radius:27px 27px 11px 11px;box-shadow:inset 0 5px 10px #fff7,0 15px 19px #5c4c392b;overflow:visible}
.room-sofa .sofa-cushion{height:57%;z-index:2;flex:1;border-radius:15px 15px 10px 10px;background:linear-gradient(130deg,#e7dbcb 0%,#d6c5b1 65%,#c8b6a2 100%);border:1px solid #bba994;box-shadow:inset 3px 4px 9px #fff9,inset -3px -4px 8px #a3918030,1px 2px 3px #78634d25}
.room-sofa:before{content:"";position:absolute;left:5%;right:5%;bottom:6%;height:17%;z-index:1;border-radius:5px;background:linear-gradient(#bca994,#a99883);border:0;box-shadow:inset 0 3px 5px #75634f24}
.room-sofa .sofa-seat{position:absolute;z-index:3;top:55%;height:31%;width:40%;background:linear-gradient(165deg,#e7dac9,#cdbba6 88%);border:1px solid #b8a48e;border-radius:10px 10px 15px 15px;box-shadow:inset 0 4px 6px #fff8,0 5px 4px #5c4b3920}
.room-sofa .sofa-seat.left{left:9%}.room-sofa .sofa-seat.right{right:9%}
.room-sofa .sofa-arm{bottom:3%;height:46%;width:12%;z-index:5;border-radius:19px 19px 10px 10px;background:linear-gradient(115deg,#e0d1bf,#b9a58e);border:1px solid #aa9781;box-shadow:inset 3px 4px 6px #fff7}
.room-sofa .sofa-arm.left{left:-5%}.room-sofa .sofa-arm.right{right:-5%}
.room-sofa:after{left:8%;right:8%;bottom:-13px;height:16px;z-index:-1;background:linear-gradient(90deg,#786655 0 2.5%,transparent 2.5% 97.5%,#786655 97.5%)}
.room-art.canvas-mode{border-radius:3px;overflow:hidden;box-shadow:0 2px 4px #0003,4px 8px 11px #0004,9px 17px 25px #0003,0 23px 32px #0002}
.room-art.canvas-mode img{border-radius:3px}
.room-art.canvas-mode:after{display:none}

/* Concept 12 — continuous sofa upholstery and one shared artwork centerline */
.room-sofa {
  box-sizing:border-box;
  left:17%; width:66%;
  padding:9px 10px 0;
  gap:2px;
}
.room-sofa .sofa-cushion {
  min-width:0;
  border-radius:13px 13px 8px 8px;
}
.room-sofa .sofa-seat {
  box-sizing:border-box;
  width:45.5%;
  height:32%;
  top:54%;
  border-radius:10px 10px 13px 13px;
}
.room-sofa .sofa-seat.left { left:4.7%; }
.room-sofa .sofa-seat.right { right:4.7%; }
.room-sofa .sofa-arm.left { left:-4%; }
.room-sofa .sofa-arm.right { right:-4%; }
/* Both formats and all sizes share the same anchor above the sofa. */
.room-art {
  box-sizing:border-box;
  left:50%;
  transform:translate(-50%, -50%);
  transform-origin:center center;
}
.room-art.paper-mode {
  box-sizing:border-box;
}


/* Concept 13: seamless sofa geometry and consistent artwork center */
.room-sofa{left:16%;width:68%;height:23%;bottom:10%;padding:9px 12px 0;gap:2px;align-items:flex-start;box-sizing:border-box;background:linear-gradient(#d4c5b2,#b9a690);border-radius:27px 27px 11px 11px}
.room-sofa .sofa-cushion{flex:1;min-width:0;height:58%;box-sizing:border-box;border-radius:13px 13px 5px 5px}
.room-sofa .sofa-seat{display:none!important}
.room-sofa:before{content:"";position:absolute;left:4%;right:4%;top:57%;bottom:11%;height:auto;width:auto;box-sizing:border-box;z-index:3;border:1px solid #b4a08a;border-radius:12px 12px 14px 14px;background:linear-gradient(180deg,#eee3d4,#d3bfa8);box-shadow:inset 0 4px 7px #fff9,0 4px 6px #68523a26}
.room-sofa .sofa-arm{z-index:5;bottom:4%;height:48%;width:10%;box-sizing:border-box}
.room-sofa .sofa-arm.left{left:-4%}.room-sofa .sofa-arm.right{right:-4%}
/* The box including paper mat/frame remains centered, not just the photograph. */
.room-art{left:50%!important;transform:translate(-50%,-50%)!important;transform-origin:center center;box-sizing:border-box!important}
.room-art.paper-mode{box-sizing:border-box!important}
.room-art.canvas-mode{box-sizing:border-box!important}

.inquiry-notice{margin:22px 0 13px;padding:17px 18px;background:#f5f2ec;border-left:3px solid #a79883;color:#514e49;line-height:1.55}.inquiry-notice strong{font-size:14px}.inquiry-notice p{font-size:13px;margin:6px 0 0}.custom-inquiry{display:block;margin:13px auto 0;background:transparent;border:0;color:#62594f;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font:inherit;font-size:13px;padding:8px}.custom-inquiry:hover{color:#171717}
.inquiry-notice .dark-button{display:block;width:100%;margin-top:15px;}
.custom-size-toggle{display:flex;align-items:center;gap:9px;margin-top:15px;font-size:13px;cursor:pointer;color:#514e49}.custom-size-toggle input{accent-color:#35322e;width:16px;height:16px;flex:none}.inquiry-notice .dark-button{margin-top:14px}.hero .hero-tagline{font-size:clamp(29px,3.5vw,54px);line-height:1.17;max-width:900px}.hero .hero-tagline em{font-weight:normal;font-style:italic}@media(max-width:500px){.hero .hero-tagline{font-size:clamp(27px,6.4vw,38px)}}


.site-header .brand{font-family:"Montserrat", Arial, sans-serif;font-size:19px;letter-spacing:.16em;font-weight:300;}.artist-signature{padding:46px 5.5% 42px;text-align:center;background:var(--paper)}.artist-signature img{display:block;width:min(300px,70vw);height:auto;margin:0 auto;opacity:.88}@media(max-width:800px){.site-header .brand{font-size:19px;letter-spacing:.02em}}


.site-header{min-height:119px;height:auto;padding-top:10px;padding-bottom:10px}
.brand-signature{display:flex;flex-direction:column;align-items:center;gap:2px}
.brand-signature .brand-name{white-space:nowrap}
.brand-signature .header-signature{width:220px;height:59px;object-fit:contain;display:block}
.brand-signature small{margin-top:0}
@media(max-width:800px){.brand-signature .header-signature{width:180px;height:49px}.site-header{min-height:104px}}

/* Signature-led identity: actual approved signature, not a generated redraw. */
.site-header{min-height:112px;height:auto;padding-top:8px;padding-bottom:8px}
.site-header .brand.brand-signature{position:relative;display:block;flex:0 0 310px;width:310px;height:92px;align-self:center;overflow:visible;text-align:left}
.site-header .brand-signature .brand-name{position:absolute;top:4px;left:35px;white-space:nowrap;font-family:"Montserrat",Arial,sans-serif;font-size:19px;font-weight:300;letter-spacing:2.5px;line-height:1.2}
.site-header .brand-signature .header-signature{position:absolute;top:21px;left:0;width:310px;height:auto;max-width:none;object-fit:contain;display:block}
.site-header .brand-signature small{position:absolute;left:124px;top:61px;white-space:nowrap;font-family:"Montserrat",Arial,sans-serif;font-size:10px;letter-spacing:1.15px;line-height:1.3;margin:0;color:var(--accent)}
@media(max-width:1100px){.site-header .brand.brand-signature{flex-basis:275px;width:275px;height:82px}.site-header .brand-signature .brand-name{font-size:17px;left:31px}.site-header .brand-signature .header-signature{width:275px;top:20px}.site-header .brand-signature small{left:111px;top:55px;font-size:8.5px;letter-spacing:1px}}
@media(max-width:800px){.site-header{min-height:100px}.site-header .brand.brand-signature{flex-basis:265px;width:265px;height:80px}.site-header .brand-signature .brand-name{font-size:16px}.site-header .brand-signature .header-signature{width:265px}.site-header .brand-signature small{top:54px;left:107px;font-size:8px;letter-spacing:.9px}}
@media(max-width:390px){.site-header .brand.brand-signature{transform:scale(.85);transform-origin:left center;margin-right:-36px}}


/* Concept 27 masonry comparison — only the All Collections artwork grid.
   Preserve each photograph's complete original aspect ratio. */
#art-grid.art-grid {
  display: block;
  columns: 3;
  column-gap: 24px;
}
#art-grid .art-card {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin: 0 0 32px;
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
}
#art-grid .art-card .image-wrap {
  width: 100%;
}
#art-grid .art-card img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
@media (max-width: 800px) {
  #art-grid.art-grid { columns: 2; column-gap: 16px; }
  #art-grid .art-card { margin-bottom: 24px; }
}
@media (max-width: 500px) {
  #art-grid.art-grid { columns: 1; }
}


/* Concept #28 — Hybrid artwork titles: hover/focus overlay on pointer devices,
   always-visible caption beneath artwork on touch and narrow screens. */
#art-grid .art-card { cursor:pointer; }
#art-grid .art-card .image-wrap { position:relative; }
#art-grid .art-card img { transition:transform .35s ease; }
#art-grid .art-hover-label {
  position:absolute; inset:auto 0 0; padding:48px 18px 18px;
  display:flex; flex-direction:column; gap:5px;
  background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,0));
  color:#fff; text-align:left; opacity:0; transform:translateY(5px);
  transition:opacity .25s ease,transform .25s ease; pointer-events:none;
}
#art-grid .art-card:hover .art-hover-label,
#art-grid .art-card:focus-visible .art-hover-label { opacity:1; transform:translateY(0); }
#art-grid .art-hover-title {font:normal 21px Georgia,serif;line-height:1.2;}
#art-grid .art-hover-category {font:10px Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#e4dfd6;}
#art-grid .art-mobile-label {display:none;}
#art-grid .art-card:focus-visible {outline:2px solid var(--accent);outline-offset:4px;}
@media (hover:none), (pointer:coarse), (max-width:600px) {
  #art-grid .art-hover-label {display:none;}
  #art-grid .art-mobile-label {display:flex;flex-direction:column;gap:5px;text-align:left;padding:11px 1px 0;}
  #art-grid .art-mobile-title {font:normal 18px Georgia,serif;}
  #art-grid .art-mobile-category {font:10px Arial,sans-serif;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;}
}
@media (prefers-reduced-motion:reduce) {
  #art-grid .art-hover-label,#art-grid .art-card img {transition:none;}
}

/* Concept #29: understated, full-width gallery labels on every device. */
#art-grid .art-hover-label,#art-grid .art-mobile-label {display:none !important;}
#art-grid .art-gallery-label {display:flex;flex-direction:column;gap:5px;width:100%;padding:13px 15px 14px;background:#eeece6;text-align:left;min-height:44px;}
#art-grid .art-gallery-title {display:block;font:normal 15px/1.35 Georgia,serif;color:#30302e;letter-spacing:.005em;}
#art-grid .art-gallery-location {display:block;font:normal 10px/1.4 Arial,sans-serif;color:#77766f;letter-spacing:.045em;}
#art-grid .art-card:hover .image-wrap img {transform:scale(1.035);}
@media(max-width:600px){#art-grid .art-gallery-label {padding:12px 13px;}#art-grid .art-gallery-title {font-size:15px;}}

/* Concept #30: gallery wall separation between the photograph and its label. */
#art-grid .art-gallery-label {
  margin-top: 12px;
}
@media (max-width: 600px) {
  #art-grid .art-gallery-label { margin-top: 10px; }
}

/* Concept 31: minimal footer. Social icons await confirmed profile URLs. */
.footer{align-items:center;flex-wrap:wrap}
.footer-identity{display:flex;flex-direction:column;gap:8px}
.footer-name{color:var(--ink);font-size:12px;letter-spacing:.14em;font-weight:500}
.footer-links{display:flex;align-items:center;gap:23px}
.footer-links button{border:0;background:none;padding:7px 0;color:var(--muted);font-size:11px;cursor:pointer}
.footer-links button:hover{color:var(--accent)}
.footer-social{display:inline-flex;width:19px;height:19px;color:#777;opacity:.8}
.footer-social svg{display:block;width:100%;height:100%}
@media(max-width:800px){.footer{align-items:flex-start}.footer-links{gap:24px}}

.footer-social[href]:hover,.footer-social[href]:focus-visible{color:#A48A62;opacity:1}

/* Concept 32 — About page portrait and editorial biography */
.about-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(35px,5vw,80px);align-items:start}
.about-layout .about-portrait{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block}
.about-copy h2{margin:14px 0 25px}
.about-copy p{line-height:1.85;margin:0 0 17px}
.about-copy .about-tagline{font:normal clamp(22px,2.3vw,33px)/1.45 Georgia,serif;color:var(--ink);margin:30px 0 0}
.about-copy .about-tagline em{font-weight:normal}
@media(max-width:800px){.about-layout{grid-template-columns:1fr}.about-layout .about-portrait{max-width:540px}.about-copy h2{font-size:clamp(34px,7vw,48px)}}

/* Center Stage Photography link in About bio */
.about-copy .about-center-stage-link {color:#a48a62; text-decoration:none; transition:color .2s ease;}
.about-copy .about-center-stage-link:hover, .about-copy .about-center-stage-link:focus-visible {color:#80663f; text-decoration:underline; text-underline-offset:3px;}

/* Concept #34: unobtrusive artwork credit, separate from the artist tagline */
.hero-artwork-title{position:absolute;right:3%;bottom:20px;z-index:2;color:rgba(255,255,255,.83);font-size:11px;letter-spacing:.12em;font-style:italic;text-shadow:0 1px 3px #222;}
@media(max-width:600px){.hero-artwork-title{right:5%;bottom:12px;font-size:10px}}


/* Concept #47 candidate: understated JH mark beside the existing footer identity. */
.footer-brand-group{display:flex;align-items:center;gap:12px;min-width:0}
.footer-brand-mark{display:block;width:55px;height:67px;object-fit:contain;opacity:.58;flex:none}
.footer-brand-group .footer-identity{display:flex;flex-direction:column;gap:8px}
@media(max-width:800px){.footer-brand-group{gap:10px}.footer-brand-mark{width:47px;height:59px}}

/* Concept #47 mobile footer correction: fixed-size logo, never expand layout. */
.footer-brand-group{display:flex;align-items:center;gap:12px;min-width:0;max-width:100%}
.footer-brand-mark{display:block;flex:0 0 55px;width:55px!important;max-width:55px!important;height:67px!important;max-height:67px!important;object-fit:contain;opacity:.58}
.footer-brand-group .footer-identity{min-width:0}
.footer-links > button[onclick="show('contact')"]{display:none}
@media(max-width:800px){
  .footer{align-items:flex-start;flex-direction:column;gap:18px}
  .footer-brand-group{gap:10px}
  .footer-brand-mark{flex-basis:43px;width:43px!important;max-width:43px!important;height:53px!important;max-height:53px!important}
  .footer-links{gap:24px;align-items:center}
  .footer-links > button[onclick="show('contact')"]{display:inline-block}
}

/* Concept #48 candidate: dedicated professional photography section on About only. */
.about-professional{
  max-width:960px;
  margin:0 auto 95px;
  padding:38px 5.5% 0;
  border-top:1px solid var(--line);
}
.about-professional h2{
  font:normal clamp(30px,3.3vw,44px)/1.2 Georgia,serif;
  margin:14px 0 22px;
}
.about-professional p{
  color:#666;
  line-height:1.85;
  max-width:780px;
  margin:0 0 16px;
}
.about-professional .about-availability{color:var(--ink);margin-top:23px;}
.about-professional-link{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-top:12px;
  padding:11px 0;
  color:var(--accent);
  border-bottom:1px solid var(--accent);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.about-professional-link:hover,.about-professional-link:focus-visible{color:#765c3c;border-color:#765c3c;}
@media(max-width:800px){
  .about-professional{margin:0 5% 65px;padding:32px 0 0;}
}

/* Concept #49 preview: quiet closing tagline below professional work */
.about-closing-tagline{
  max-width:960px;
  margin:6px auto 70px;
  padding:29px 24px 0;
  text-align:center;
  font:normal clamp(17px,1.8vw,22px)/1.6 Georgia,serif;
  color:#99938a;
}
.about-closing-tagline em{font-weight:normal}
@media(max-width:800px){
  .about-closing-tagline{margin:0 5% 55px;padding:25px 8px 0;font-size:18px}
}
