:root {
 --ivory:#f6f3ed; --paper:#fffcf6; --peacock:#07556a; --ink:#262925;
 --brand-gray:#575757; --muted:#69706d; --line:#dcded5; --stage:#202422;
 --light:#f7f5ee; --ease:cubic-bezier(.25,.65,.25,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,a,select,input{-webkit-tap-highlight-color:transparent}
button,select,input{font:inherit}
button{cursor:pointer;touch-action:manipulation}
button:disabled{cursor:default;opacity:.32}
a{color:inherit}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #3992a7;outline-offset:5px}
[hidden]{display:none!important}
.site-wrap{max-width:1392px;margin:auto;padding:0 52px}
.site-header{min-height:176px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);gap:28px;padding:21px 0 23px}
.site-header nav{display:flex;gap:30px;align-items:center;font-size:12px}
.site-header .nav-right{justify-content:flex-end}
.site-header nav a{text-decoration:none;padding:10px 0}
.site-header nav a:hover{color:var(--peacock);text-decoration:underline;text-underline-offset:6px}
.contact-nav{color:var(--peacock)}
.contact-nav span{margin-left:11px}
.brand{text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}
.brand-mark{display:block;width:144px;height:86px;object-fit:contain;margin-bottom:8px}
.brand-name{font:400 17px/1.3 "Helvetica Neue",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-gray);white-space:nowrap}
.brand-tagline{margin-top:6px;font:400 8.7px/1.4 "Helvetica Neue",Arial,sans-serif;letter-spacing:.21em;text-transform:uppercase;color:var(--peacock);white-space:nowrap}
.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:72px;padding:62px 0 66px;align-items:center}
.eyebrow{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:500;line-height:1.6;margin:0 0 18px;color:var(--peacock)}
h1{font:400 clamp(62px,7.5vw,104px)/.98 Georgia,serif;letter-spacing:-.055em;margin:0}
h1 em{font-weight:400;color:var(--peacock)}
.hero-note{max-width:365px;justify-self:end;padding-top:28px}
.small-rule{display:block;width:38px;height:1px;background:var(--peacock);margin-bottom:22px}
.hero-intro{font:22px/1.42 Georgia,serif;letter-spacing:-.022em;margin:0 0 17px}
.hero-detail{font-size:14px;line-height:1.8;color:var(--muted);max-width:328px;margin:0 0 24px}
.text-button{display:inline-block;text-decoration:none;border-bottom:1px solid var(--peacock);color:var(--peacock);font-size:12px;padding-bottom:8px}
.text-button span{margin-left:32px}
.work-section{scroll-margin-top:26px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}
.section-heading h2{font:32px/1.1 Georgia,serif;letter-spacing:-.035em;margin:0}
.section-heading p{font-size:11px;color:var(--muted);margin:0 0 3px;text-align:right}
.filters{display:flex;gap:4px;flex-wrap:wrap;margin:24px 0 27px;padding-bottom:17px;border-bottom:1px solid var(--line)}
.filters button{background:transparent;border:1px solid transparent;color:var(--muted);padding:9px 13px;font-size:12px;line-height:1.5;border-radius:2px}
.filters button:hover{border-color:#c7d4d3;color:var(--peacock)}
.filters button.active{background:var(--peacock);color:white;border-color:var(--peacock)}
.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px;align-items:start;min-height:220px}
.project-card{padding:0;border:0;background:transparent;text-align:left;color:inherit;min-width:0;height:100%;display:flex;flex-direction:column}
.project-art{width:100%;display:flex;align-items:center;justify-content:center;aspect-ratio:1.24;background:#e9e8e0;position:relative;padding:22px;overflow:hidden}
.project-art[data-tone="1"]{background:#e4e9e5}
.project-art[data-tone="2"]{background:#ece7df}
.project-art[data-tone="3"]{background:#e1e7e6}
.project-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 7px #0002);transition:transform .3s var(--ease)}
.project-card:hover .project-art img{transform:translateY(-3px)}
.project-card:hover .project-name{color:var(--peacock)}
.project-art-series{gap:9px;padding:23px 24px}
.project-art-series img{width:calc((100% - 18px)/3);height:100%;min-width:0}
.project-arrow{position:absolute;bottom:9px;right:11px;font-size:16px;color:var(--peacock);line-height:1}
.project-info{padding:13px 1px 3px}
.project-name{display:block;font:20px/1.2 Georgia,serif;letter-spacing:-.02em;transition:color .2s}
.project-client{display:block;margin-top:7px;font-size:11px;line-height:1.5;color:#606764}
.project-format{display:block;font-size:9px;line-height:1.5;margin-top:5px;letter-spacing:.045em;color:#7d837f}
.grid-footnote{display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:11px;border-bottom:1px solid var(--line);padding:29px 0 33px;margin:20px 0 0}
.grid-footnote a{text-decoration:none}.grid-footnote a:hover{color:var(--peacock)}.grid-footnote a span{margin-left:10px}
.about{display:grid;grid-template-columns:1fr 1.1fr;gap:85px;padding:76px 0;border-bottom:1px solid var(--line)}
.about h2{font:34px/1.22 Georgia,serif;letter-spacing:-.04em;margin:0}
.about-copy p{font-size:14px;line-height:1.85;color:#545c55;margin:0 0 18px}
.about-copy p:last-child{margin-bottom:0}
.contact{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:65px 0}
.contact h2{font:40px/1.15 Georgia,serif;letter-spacing:-.04em;margin:0}
.contact .eyebrow{margin-bottom:12px}
.contact-link{color:var(--peacock);font-size:15px;text-decoration:none;border-bottom:1px solid #8aa8ae;padding-bottom:10px}
.contact-link span{padding-left:35px}
.site-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:24px 0 28px;font-size:10px;color:var(--muted)}
.version-label{color:#839083}
.skip{position:fixed;top:-80px;left:20px;background:var(--peacock);color:white;padding:12px;z-index:100}
.skip:focus{top:10px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Viewer: the outer stage clips only the view. Never flatten the inner 3D tree. */
#viewer{padding:0;border:0;margin:auto;width:calc(100vw - 28px);max-width:1660px;height:calc(100dvh - 28px);max-height:1100px;background:var(--stage);color:var(--light);overflow:hidden;box-shadow:0 20px 90px #0008}#viewer::backdrop{background:rgba(14,21,18,.85);backdrop-filter:blur(4px)}.viewer-shell{height:100%;display:flex;flex-direction:column}.viewer-top{min-height:53px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 28px;border-bottom:1px solid #ffffff18;font-size:10px;letter-spacing:.05em}.viewer-top button{background:none;border:0;color:var(--light);padding:10px 0;font-size:11px}.viewer-top #viewer-client{color:#a6b5ac;text-align:center}.close-button{display:flex;align-items:center;gap:14px}.close-button span{font-size:27px;line-height:20px}.back-button{min-width:105px;text-align:left}.viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 32px 12px}.viewer-heading h2{font:29px/1.1 Georgia,serif;letter-spacing:-.02em;margin:0}.viewer-heading .eyebrow{color:#94b7bb;font-size:9px;margin:0 0 6px}.view-options{display:flex;gap:10px;align-items:center}.view-options select{max-width:245px;padding:8px 30px 8px 10px;border:1px solid #ffffff30;background:#29332d;color:var(--light);border-radius:3px;font-size:11px}.subtle-button{border:1px solid #ffffff38;background:transparent;color:var(--light);padding:9px 13px;border-radius:3px;font-size:11px}.subtle-button.active{background:#e4ebe3;color:#153c44}.viewer-stage{flex:1;min-height:160px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 42%,#343936 0,#282d2a 53%,#202422 100%);margin:0 20px}.viewer-controls{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;min-height:48px;padding:9px 24px 3px}.viewer-controls button{border:1px solid #ffffff36;background:transparent;color:var(--light);padding:9px 14px;font-size:11px;line-height:1.1;border-radius:3px;min-height:33px}.viewer-controls button.active{background:#dfe7df;color:#1a454a;border-color:#dfe7df}.viewer-controls button.primary{background:#dfe7df;color:#1a454a;border-color:#dfe7df}.viewer-controls .counter{font-size:11px;color:#c5cfc6;min-width:102px;text-align:center}.viewer-controls input[type=range]{width:140px;accent-color:#afcfd3;cursor:ew-resize}.viewer-controls select{background:#29332d;border:1px solid #ffffff30;color:white;padding:7px;font-size:11px;max-width:170px}.viewer-help{min-height:17px;margin:5px 20px 10px;font-size:10px;text-align:center;color:#a9b8ae;line-height:1.5}.viewer-rail{display:flex;justify-content:center;gap:8px;overflow-x:auto;flex-shrink:0;padding:12px 22px 15px;border-top:1px solid #ffffff18;background:#1e2521;min-height:0}.viewer-rail:empty{display:none}.rail-thumb{width:92px;flex:0 0 92px;background:transparent;color:#bcc8c0;border:1px solid transparent;padding:6px;text-align:center;border-radius:3px;display:flex;flex-direction:column;gap:6px;align-items:center;font-size:9px;line-height:1.3}.rail-thumb img{width:76px;height:54px;object-fit:contain}.rail-thumb span{max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rail-thumb.active{border-color:#b5c9b8;background:#ffffff08;color:white}.collection-grid{padding:25px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;max-width:1160px;margin:0 auto}.collection-card{border:0;padding:0;background:transparent;color:var(--light);text-align:left}.collection-image{height:210px;background:#eaeae0;display:flex;align-items:center;justify-content:center;padding:20px}.collection-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 7px #0002);transition:transform .3s}.collection-card:hover img{transform:translateY(-3px)}.collection-card strong{display:block;font:20px Georgia,serif;margin:12px 0 5px}.collection-card small{color:#9db1a4;font-size:10px}.viewer-stage.overview{overflow-y:auto}.stage-gallery{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:22px 40px}.stage-gallery img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 10px 16px #0005)}.stage-gallery .gallery-caption{position:absolute;left:25px;bottom:10px;right:25px;text-align:center;font-size:10px;color:#b7c5ba}.viewer-stage.read-mode{overflow:auto;display:block;scroll-behavior:smooth}.read-stack{display:flex;flex-direction:column;align-items:center;gap:32px;padding:28px;min-width:100%}.read-stack figure{margin:0;max-width:100%}.read-stack img{display:block;width:100%;height:auto;max-width:none;box-shadow:0 8px 18px #0005}.read-stack figcaption{text-align:center;color:#bcc6bd;font-size:10px;margin-top:10px}.read-stack.zoomed{align-items:flex-start;width:max-content}.read-stack.zoomed figure{max-width:none}.read-stack.zoomed img{width:auto;min-width:900px;max-width:1800px}.image-error{color:#cbe0d0;text-align:center;padding:30px;font-size:14px}
/* Physical paper. An opaque front and back for each leaf prevent mirrored bleed-through. */
.scene-host{position:absolute;inset:0;perspective:2400px;perspective-origin:50% 46%}.scene-scale,.scene-orbit,.paper-model,.paper-panel,.pocket-hinge{position:absolute;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.scene-scale{left:50%;top:50%;width:0;height:0}.scene-orbit{left:0;top:0}.paper-model{left:0;top:0}.paper-panel{top:0}.paper-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;box-shadow:0 1px 9px #0003;overflow:hidden}.paper-face img{width:100%;height:100%;display:block;object-fit:fill}.paper-face.front{transform:translateZ(.5px)}.paper-face.back{transform:rotateY(180deg) translateZ(.5px)}.paper-face::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 .4px #0002;background:linear-gradient(90deg,#0000000c,transparent 2%,transparent 98%,#0000000c)}.paper-face.blank{background:#fff}.pocket-hinge{transform-origin:50% 0}.pocket-hinge .back{transform:rotateX(180deg) translateZ(.7px)}.pocket-hinge .paper-face{box-shadow:0 -2px 6px #0002;border-radius:0 0 1px 1px}.scene-badge{position:absolute;bottom:15px;left:24px;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#a5b5aa;pointer-events:none}.fold-legend{position:absolute;right:24px;bottom:15px;font-size:10px;color:#9aae9c}.book-host{position:absolute;inset:0;perspective:1900px;perspective-origin:50% 50%}.book-offset{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.book-pages{position:absolute;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;top:0;left:0}.book-static{position:absolute;top:0;background:white;box-shadow:0 12px 18px #0004;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(-1px);overflow:hidden}.book-static img{display:block;width:100%;height:100%;object-fit:fill}.book-static.left::after,.book-static.right::after{content:"";position:absolute;top:0;bottom:0;width:13px;pointer-events:none}.book-static.left::after{right:0;background:linear-gradient(90deg,transparent,#00000015)}.book-static.right::after{left:0;background:linear-gradient(90deg,#00000015,transparent)}.turn-leaf{position:absolute;left:0;top:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.page-strip{position:absolute;left:0;top:0;transform-origin:0 50%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.strip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background-color:white;background-repeat:no-repeat;overflow:hidden}.strip-face.front{transform:translateZ(.16px)}.strip-face.back{transform:rotateY(180deg) translateZ(.16px)}.strip-shade{position:absolute;inset:0;background:rgba(0,0,0,var(--shade,0));pointer-events:none}.book-hotspot{position:absolute;top:0;height:100%;width:14%;border:0;opacity:0;background:transparent;z-index:3}.book-hotspot:hover{opacity:1;background:linear-gradient(90deg,#ffffff04,transparent)}.book-hotspot.left{left:0}.book-hotspot.right{right:0;transform:rotateY(180deg)}.book-hotspot:focus-visible{opacity:1;outline-offset:-5px}.book-static.cover::after{display:none}.card-host .paper-face::after{background:none}.banner-pole{position:relative;height:94%;width:min(70%,600px);display:flex;align-items:center;justify-content:center;padding:0 32px}.banner-pole::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - var(--banner-w,90px)/2 - 18px);width:8px;background:linear-gradient(90deg,#858c85,#d5dad2 45%,#5e665f);border-radius:3px}.banner-pole img{height:86%;width:auto;max-width:90%;object-fit:contain;filter:drop-shadow(5px 6px 7px #0005)}.banner-pole::after{content:"Illustrative pole presentation";position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:9px;color:#9baa9f}

/* Project-first viewer navigation. The paper engines below this UI are unchanged from V4. */
.viewer-top-actions{display:flex;align-items:center;gap:16px}
.viewer-top-actions #prev-project,.viewer-top-actions #next-project{font-size:17px;min-width:25px}
.top-divider{height:18px;width:1px;background:#ffffff25;margin:0 2px}
.viewer-top .back-button{min-width:113px}
.viewer-heading{padding-top:20px;padding-bottom:13px}
.viewer-heading h2{font-size:30px}
#viewer-subtitle{font-size:11px;line-height:1.5;color:#bbc7bf;margin:8px 0 0}
.piece-tabs{display:flex;align-items:center;gap:7px;padding:0 32px 14px;flex-wrap:wrap}
.piece-tabs-label{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#9aada5;margin-right:8px}
.piece-tab{background:transparent;color:#b5c3bc;border:1px solid #ffffff25;border-radius:2px;font-size:11px;padding:8px 12px;min-height:34px}
.piece-tab:hover{color:white;border-color:#86b5b9}
.piece-tab.active{background:#dfe7df;border-color:#dfe7df;color:#164650}
.viewer-stage{min-height:150px}
.viewer-rail{scrollbar-width:thin;scrollbar-color:#65756d transparent}
.rail-thumb:hover{border-color:#ffffff55}
.viewer-controls button:focus-visible{outline-offset:2px}
@media(min-width:1600px){.hero{padding:72px 0 74px}.project-art{padding:26px}}
@media(max-width:1100px){
 .site-wrap{padding:0 32px}.hero{gap:42px;padding:51px 0 57px}.hero h1{font-size:86px}.hero-intro{font-size:20px}.hero-detail{font-size:13px}
 .work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}.project-name{font-size:19px}.about{gap:45px}
 .filters button{font-size:11px;padding:8px 10px}.viewer-heading h2{font-size:27px}.viewer-rail{justify-content:flex-start}
}
@media(max-width:720px){
 html{scroll-padding-top:15px}.site-wrap{padding:0 21px}.site-header{grid-template-columns:1fr auto 1fr;gap:8px;min-height:143px;padding:18px 0 20px}
 .site-header nav{gap:13px;font-size:11px}.site-header .nav-left{flex-direction:column;align-items:flex-start;gap:0}.site-header .nav-left a{padding:6px 0}
 .brand-mark{width:96px;height:58px;margin-bottom:8px}.brand-name{font-size:12px;letter-spacing:.13em}.brand-tagline{font-size:6.1px;letter-spacing:.17em;margin-top:5px}
 .contact-nav span{display:none}.hero{grid-template-columns:1fr;gap:26px;padding:40px 0 43px}.hero h1{font-size:clamp(62px,10.5vw,80px)}
 .eyebrow{font-size:9px;margin-bottom:17px}.hero-note{max-width:100%;padding:0;justify-self:start}.hero-note .small-rule{display:none}
 .hero-intro{font-size:19px;line-height:1.5;max-width:420px;margin-bottom:11px}.hero-detail{font-size:13px;max-width:420px;line-height:1.75;margin-bottom:18px}
 .section-heading{align-items:center}.section-heading h2{font-size:28px}.section-heading p{font-size:10px;max-width:150px}
 .filters{gap:3px;margin:19px 0 21px;padding-bottom:15px}.filters button{font-size:10px;padding:7px 8px;min-height:33px}
 .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 13px}.project-art{padding:15px}.project-art-series{padding:15px 12px;gap:5px}
 .project-art-series img{width:calc((100% - 10px)/3)}.project-info{padding:11px 0 2px}.project-name{font-size:17px;line-height:1.25}
 .project-client{font-size:10px;margin-top:5px}.project-format{font-size:8.5px;margin-top:4px}.project-arrow{font-size:14px;bottom:7px;right:8px}
 .grid-footnote{font-size:10px;padding:25px 0}.grid-footnote span{max-width:190px}.grid-footnote a{white-space:nowrap}
 .about{grid-template-columns:1fr;gap:24px;padding:49px 0}.about h2{font-size:31px}.about-copy p{font-size:13px;line-height:1.9}
 .contact{display:block;padding:44px 0}.contact h2{font-size:35px}.contact-link{display:inline-block;margin-top:28px;font-size:13px}
 .site-footer{flex-wrap:wrap;gap:14px;font-size:9px}
 #viewer{width:100vw;height:100dvh;max-height:none}.viewer-top{padding:0 15px;min-height:48px;gap:8px}.viewer-top #viewer-client{display:none}
 .viewer-top-actions{gap:11px}.viewer-top .back-button{min-width:auto}.viewer-top .close-button{gap:7px}.viewer-top .close-button span{font-size:25px}
 .viewer-heading{padding:16px 17px 12px;align-items:center;gap:15px}.viewer-heading h2{font-size:23px}.viewer-heading .eyebrow{font-size:8px;margin-bottom:5px}
 #viewer-subtitle{font-size:10px;margin-top:6px}.view-options .subtle-button{font-size:10px;padding:8px;white-space:nowrap}
 .piece-tabs{padding:0 17px 13px;gap:5px}.piece-tabs-label{font-size:8px;flex-basis:100%;margin-bottom:3px}.piece-tab{font-size:10px;padding:7px 9px;min-height:31px}
 .viewer-controls{padding:9px 10px 2px;gap:6px}.viewer-controls button{font-size:10px;padding:9px 10px;min-height:34px}
 .viewer-controls input[type=range]{width:105px}.viewer-controls select{max-width:120px;font-size:10px}.viewer-controls .counter{font-size:10px;min-width:82px}
 .viewer-help{font-size:9px;margin:7px 15px 9px;line-height:1.5}.viewer-rail{padding:9px 12px 11px;gap:5px}
 .rail-thumb{width:78px;flex-basis:78px;font-size:8px;padding:4px}.rail-thumb img{width:66px;height:47px}
 .scene-badge,.fold-legend{font-size:8px;bottom:10px}.scene-badge{left:12px}.fold-legend{right:12px}
 .stage-gallery{padding:20px 18px}.read-stack{padding:20px 12px}.viewer-stage{min-height:140px;margin:0 8px}
}
@media(max-width:390px){
 .site-wrap{padding:0 16px}.brand-name{font-size:11px}.brand-tagline{font-size:5.6px}.site-header nav{font-size:10px}
 .hero h1{font-size:62px}.project-art{padding:12px}.project-name{font-size:16px}.viewer-heading h2{font-size:21px}
 .viewer-controls input[type=range]{width:80px}.viewer-controls{gap:5px}.viewer-rail{max-height:94px}.piece-tabs{padding-left:13px;padding-right:13px}
}
@media(max-height:580px) and (orientation:landscape){
 .viewer-heading{padding:10px 20px}.viewer-heading h2{font-size:20px}.viewer-heading .eyebrow,#viewer-subtitle,.viewer-help,.viewer-rail{display:none}
 .viewer-top{min-height:40px}.viewer-controls{padding:7px;min-height:41px}.piece-tabs{padding-bottom:7px}.piece-tabs-label{display:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* V6: refined project families and source-faithful physical presentations. */
.project-art-presentation{padding:5px;background:#eaeae2!important}
.project-art-presentation img{filter:none}
.project-art-presentation .project-arrow{background:#f6f3edd9;padding:4px;border-radius:50%}
.step-tab-hit{position:absolute;top:0;border:0;background:transparent;transform:translateZ(4px);padding:0;cursor:pointer;box-shadow:none}
.step-tab-hit:hover{background:#ffffff16;outline:1px solid #ffffff88;outline-offset:-1px}
.step-tab-hit:focus-visible{outline:2px solid white;outline-offset:-2px;background:#ffffff16}
.stepped-book .book-static{box-shadow:0 4px 11px #0004}
.stepped-book .book-static.cover{box-shadow:0 8px 17px #0005}
.display-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:12px 20px 30px}
.pole-unit,.tabletop-unit{position:relative;flex:none}
.pole-unit>img{position:absolute;top:24px;left:34px;width:var(--art-w);height:var(--art-h);object-fit:contain;filter:drop-shadow(5px 7px 7px #0004)}
.pole-shaft{position:absolute;width:9px;top:0;bottom:0;left:5px;border-radius:5px;background:linear-gradient(90deg,#737e78,#c9cfcb 38%,#a6b1aa 61%,#555e58);box-shadow:2px 3px 5px #0004}
.pole-arm{position:absolute;left:7px;width:calc(var(--art-w) + 33px);height:4px;background:linear-gradient(#b5bfb8,#68776c);border-radius:2px}
.pole-arm.top{top:21px}.pole-arm.bottom{top:calc(var(--art-h) + 25px)}
.pole-collar{position:absolute;left:0;width:21px;height:12px;border-radius:2px;background:linear-gradient(90deg,#59665b,#a5b2a8 35%,#5d6d60);box-shadow:1px 2px 3px #0005}
.pole-collar.top{top:17px}.pole-collar.bottom{top:calc(var(--art-h) + 21px)}
.mockup-label{position:absolute;bottom:12px;left:15px;right:15px;font-size:9px;color:#bac7be;text-align:center;letter-spacing:.055em}
.tabletop-unit>img{position:absolute;top:0;left:5px;width:var(--art-w);height:var(--art-h);object-fit:contain;filter:drop-shadow(5px 7px 8px #0004)}
.tabletop-support{position:absolute;left:calc(var(--art-w) - 4px);top:20%;height:75%;width:7px;background:linear-gradient(90deg,#76847a,#b1bfb5);transform:rotate(-7deg);transform-origin:top center}
.tabletop-unit{z-index:1}
.table-surface{position:absolute;left:9%;right:9%;height:20%;bottom:4%;background:linear-gradient(175deg,#676b62,#777a70);transform:perspective(700px) rotateX(48deg);transform-origin:bottom center;box-shadow:0 10px 0 #4a5047,0 15px 15px #0003}
.logo-gallery img{max-width:82%;max-height:88%;filter:none;box-shadow:0 7px 25px #0002}
.related-wrap{position:relative}
.related-panel{position:absolute;right:0;top:calc(100% + 9px);width:322px;max-width:calc(100vw - 46px);max-height:320px;overflow-y:auto;background:#f6f3ed;color:#262925;box-shadow:0 10px 40px #0008;z-index:50;padding:14px;border:1px solid #c4cec7;border-radius:3px}
.related-heading{font-size:10px;letter-spacing:.07em;padding:1px 1px 12px;color:#07556a;border-bottom:1px solid #d8dcd5}
.related-link{display:grid;grid-template-columns:49px 1fr;grid-template-rows:1fr auto;column-gap:12px;align-items:center;text-align:left;background:none;color:inherit;padding:10px 0;width:100%;border:0;border-bottom:1px solid #d8dcd5}
.related-link:last-child{border-bottom:0}
.related-link img{grid-row:1/3;width:49px;height:42px;object-fit:contain;background:#e9e8e0}
.related-link span{font:17px/1.2 Georgia,serif}.related-link small{font-size:9px;color:#67716b;margin-top:5px}
.related-link:hover span{color:#07556a}
.viewer-heading{position:relative;z-index:10;flex-shrink:0}
.viewer-top,.piece-tabs,.viewer-controls,.viewer-help{flex-shrink:0}
.viewer-rail{scrollbar-width:thin;scrollbar-color:#708078 #1e2521}
@media(max-width:720px){
 .view-options{flex-direction:column;align-items:flex-end;gap:6px}
 .view-options #more-client{font-size:9px;padding:7px 8px}
 .related-panel{width:274px;max-height:240px}
 .related-link span{font-size:15px}.related-link small{font-size:8px}
 .display-scene{padding:6px 12px 24px}.mockup-label{bottom:9px;font-size:8px}
 .project-art-presentation{padding:3px}
 .viewer-controls:has(select[aria-label="Choose a Lakeview section"]){gap:6px}
 .viewer-controls select[aria-label="Choose a Lakeview section"]{max-width:145px}
}
/* Long stepped leaves stay fully within the stage even halfway through a turn. */
.stepped-book{perspective:5000px}
.table-surface{bottom:auto;transform:none;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%)}