/* V4: independent Claude critique applied to the two portfolio rooms. */
:root{--film-height:78svh}html{scroll-padding-top:85px}.film-nav{padding-block:21px}.film-nav .nav-room,.nav-switch,.nav-contact{font-size:12px}.room-index{top:0}.room-index>div{gap:25px;min-height:59px}.room-index a{font-size:12px;padding-block:19px}.room-index button{font-size:12px;min-height:42px}.room-intro{padding-top:27px}.intro-grid{margin:16px 0 24px;gap:55px;grid-template-columns:1.5fr .8fr}h1{font-size:clamp(56px,6.2vw,110px)}.intro-note>p{font-size:18px}.intro-note>a{margin-top:15px}.intro-caption{font-size:12px;margin-top:12px}.hero-wall{gap:25px;align-items:start;grid-template-columns:1.5fr .76fr .76fr}.hero-secondary{display:contents}.hero-wall .hero-side:nth-child(n){margin-top:0}.hero-wall .hero-side:nth-child(2){margin-top:35px}.room-intro:after{content:'';display:block;height:48px}.film-screen video{height:auto;max-height:var(--film-height);object-fit:contain}.film-expand{width:42px;height:42px;top:12px;right:12px;background:#10231ac9;border-color:#e8e5ce88}.film-expand svg{width:22px;height:22px}.film-kind,.film-watch{display:none}.film-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.film-brand{font-size:11px;margin:0;line-height:1.3;letter-spacing:.07em}.film-duration{font-size:11px;line-height:1.3;color:var(--sage);white-space:nowrap}.film-format{display:block;font-size:11px;line-height:1.4;color:#b7c4b4;margin-bottom:10px}.film-card h3{font-size:clamp(22px,2vw,31px)}.film-card figcaption p{font-size:14px}.film-card figcaption{padding-top:14px}.hero-wall .film-format{font-size:11px}.chapter-intro h2{font-size:clamp(42px,4.4vw,64px)}.chapter-intro{gap:50px;margin-bottom:32px}.chapter-intro>p{font-size:17px}.room-chapter,.character-world{padding-block:70px}.material-world{padding-block:70px}.chapter-intro .eyebrow,.eyebrow{font-size:11px}.material-world .film-duration,.material-world .film-format{color:#53614c}.character-grid{align-items:start}.character-grid .film-card:nth-child(n){padding-top:0}.character-grid:after,.motion-films:after{display:none}.everyday-world{padding-block:75px}.everyday-note h2{font-size:clamp(44px,4.5vw,64px)}.everyday-note>p:not(.eyebrow){font-size:19px}.everyday-note .everyday-small{display:none}.flavour-note{display:none}.craft-tags span{font-size:11px}.product-films{grid-template-columns:1fr 1fr;max-width:860px;gap:40px}.product-films .film-card:nth-child(n){padding-top:0}.product-films .film-screen video{max-height:72svh}.motion-room .room-chapter{padding-block:70px}.motion-screening{display:grid;grid-template-columns:minmax(290px,430px) minmax(310px,1fr);gap:clamp(35px,6vw,95px);max-width:1110px;margin-inline:auto;align-items:center}.cusp-featured .film-screen video{max-height:78svh}.motion-playlist{align-self:center}.motion-playlist>.eyebrow{color:#edc36e;margin-bottom:20px}.playlist-item{display:grid;grid-template-columns:78px 1fr 30px;align-items:center;gap:20px;background:transparent;border:1px solid #bd94c441;color:#f8f9f5;text-align:left;padding:14px;margin-bottom:12px;border-radius:10px;width:100%}.playlist-item[aria-pressed=true]{border-color:#edc36e;background:#552565}.playlist-item>img{width:78px;height:126px;object-fit:contain;background:#280b35;border-radius:5px}.playlist-item small{display:block;font-size:11px;line-height:1.4;color:#d9bde1;margin-bottom:8px}.playlist-item strong{display:block;font:600 25px/1.1 var(--display);letter-spacing:-.02em}.playlist-item>span>span{display:block;font-size:13px;color:#d7c4df;margin-top:9px;line-height:1.4}.playlist-item>b>svg{width:25px;height:25px;color:#edc36e}.playlist-foot{font-size:12px;color:#d8c1de;margin-top:20px}.motion-room .film-format{color:#dbc5e2}.room-close{padding-block:60px}.room-close h2{font-size:clamp(48px,6vw,95px)}footer,.footer-note{font-size:11px}
/* Watch the picture, not a large empty player box. */
#film-viewer{width:fit-content;max-width:96vw;max-height:96svh;overflow:auto;padding:20px;min-width:min(900px,95vw)}.viewer-grid{grid-template-columns:auto minmax(280px,360px);gap:35px;align-items:center}.viewer-screen{justify-self:center;width:fit-content;max-width:100%;background:transparent}.viewer-screen video{height:min(74svh,760px);width:auto;max-width:min(60vw,850px);object-fit:contain;border-radius:8px;background:#07110b}.viewer-top{display:flex;gap:20px;align-items:center;padding:0 0 12px;margin-bottom:15px;border-bottom:1px solid #c7d8be3a;top:0;background:#10231a}.viewer-top #viewer-brand{font-size:12px;margin-right:auto}.viewer-navigation{margin:0;gap:15px;align-items:center}.viewer-navigation button{padding:8px 0;min-height:44px;font-size:12px}.viewer-top #viewer-counter{font-size:11px;letter-spacing:0;color:#b9c9ae;white-space:nowrap}.viewer-top #close-viewer{font-size:12px;min-height:44px;flex:none}.viewer-note h2{font-size:clamp(34px,3.8vw,56px)}.viewer-note>p:not(.eyebrow){font-size:16px}.film-thinking{border-top:1px solid #c7d8be3a;margin-top:24px;padding-top:18px}.film-thinking summary{font-size:13px;color:#edc36e;cursor:pointer;padding-block:8px;min-height:40px}.film-thinking p{font-size:14px;color:#c2d1bf;margin-top:12px;line-height:1.5}.viewer-footnote{font-size:11px}
/* The print room uses a compact masthead and real series rather than a video-page clone. */
.static-room .print-intro{padding-block:35px 28px}.print-intro .eyebrow{color:#6b775f;margin-bottom:20px}.print-intro h1{font-size:clamp(55px,7vw,105px);line-height:1;letter-spacing:-.045em;white-space:normal}.print-intro>div{display:flex;align-items:end;gap:25px;justify-content:space-between;margin-top:20px}.print-intro>div>p{font-size:18px;line-height:1.4}.print-intro>div>span{font-size:11px;color:#617357;max-width:200px;text-align:right}.static-room .art-toolbar{position:sticky;top:0;z-index:20;background:#f8f9f5ed;backdrop-filter:blur(14px);padding:0;border-block:1px solid #c7d0bd;display:block}.art-toolbar-inner{display:flex;gap:18px;align-items:center;min-height:64px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.art-toolbar-inner::-webkit-scrollbar{display:none}.art-filters{display:flex;gap:4px;flex:none}.art-filters button{border-radius:25px;padding:9px 14px;min-height:42px;font-size:12px;border-color:transparent}.art-filters button[aria-pressed=true]{background:#254a35;color:#fffce8}.filter-divider{height:24px;width:1px;flex:none;background:#c2cdb9}.brand-jumps{display:flex;align-items:center;gap:20px;flex:none;font-size:12px}.brand-jumps a{padding-block:18px}.brand-jumps a:hover{color:#a95027}.art-toolbar #art-count{margin-left:auto;font-size:11px;flex:none;min-width:45px}.artwork-section{padding:0!important}.brand-series{padding:50px var(--gutter) 60px;scroll-margin-top:65px;border-bottom:1px solid #d1d9c9}.brand-series[hidden]{display:none}.brand-series-heading{display:grid;grid-template-columns:1fr .8fr;gap:50px;max-width:1680px;margin:0 auto 32px;align-items:end}.brand-series-heading .eyebrow{font-size:11px;margin-bottom:13px}.brand-series-heading h2{font-size:clamp(32px,3.3vw,48px);line-height:1.04;letter-spacing:-.035em}.brand-series-heading>p{font-size:14px;line-height:1.5;max-width:420px;justify-self:end;color:#5b6852}.series-cube-club{background:#eef0e6}.series-cube-club .eyebrow{color:#5b641d}.series-cusp-money{background:#eee7f0}.series-cusp-money .brand-series-heading h2{color:#512863}.series-cusp-money .eyebrow{color:#714981}.series-curly-sue{background:#f4ece0}.series-curly-sue .brand-series-heading h2{color:#673b27}.series-curly-sue .eyebrow{color:#965736}.series-vlncy{background:#eee9df}.series-vlncy .brand-series-heading h2{color:#604b32}.brand-art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1510px;margin:auto;gap:35px;align-items:start}.brand-art-grid .art-card:nth-child(n){padding:0}.brand-art-grid .art-open{padding:10px 10px 0;overflow:visible}.brand-art-grid .art-frame{height:clamp(310px,34vw,480px);isolation:isolate;background:transparent;overflow:visible;border:0;box-shadow:none;border-radius:0;display:grid;place-items:center}.brand-art-grid .art-frame img.art-front{width:100%;height:100%;object-fit:contain;position:relative;z-index:3;border-radius:4px;filter:drop-shadow(0 8px 10px #172b1520)}.brand-art-grid .art-frame img.art-peek{position:absolute;z-index:1;width:96%;height:96%;object-fit:contain;inset:2%}.brand-art-grid .art-frame .peek-1{transform:translate(10px,-4px) rotate(2deg);opacity:.85;z-index:2}.brand-art-grid .art-frame .peek-2{transform:translate(18px,-6px) rotate(4deg);opacity:.6}.brand-art-grid .art-open:hover .art-front{transform:translateY(-4px)}.brand-art-grid .art-caption{padding:22px 10px 0}.brand-art-grid .art-caption h3{font-size:24px;line-height:1.08}.art-caption-open{font-size:12px;color:#46613a;padding:10px 0;border:0;border-bottom:1px solid #94a287;background:transparent;min-height:42px}.series-cusp-money .art-caption-open{color:#613a70;border-color:#b39cbc}.art-card.is-carousel .art-caption-open{font-weight:650}.static-close{margin-top:0;border:0;padding-block:65px}.static-close h2{font-size:clamp(45px,5vw,75px)}.static-close-actions{display:flex;flex-wrap:wrap;gap:25px}.static-close-actions a{display:inline-block;font-size:16px;border-bottom:1px solid #718666;padding-block:12px}.static-close-actions a:first-child{font-weight:650}
/* Full artwork, practical carousel controls and an optional detail view. */
#art-viewer{width:fit-content;min-width:min(920px,95vw);max-width:96vw;max-height:96svh;padding:20px}.art-viewer-grid{grid-template-columns:auto minmax(280px,350px);gap:35px;align-items:center}.art-viewer-bar{padding:0 0 12px;top:0;margin-bottom:15px}.art-canvas{min-width:0;max-width:650px}.art-image-stage{height:min(66svh,720px);display:grid;place-items:center;overflow:auto}.art-image-stage>img{width:auto;max-width:100%;height:100%;object-fit:contain;display:block}.art-canvas .slide-controls{position:sticky;bottom:0;background:#f8f9f5f5;z-index:4;display:flex;justify-content:space-between;gap:15px;padding-block:10px;margin:8px 0 0;border-top:1px solid #c4d0ba}.slide-controls #art-zoom{width:auto;min-width:70px;border:0;border-radius:0;font-size:12px}.art-canvas.is-zoomed .art-image-stage{display:block}.art-canvas.is-zoomed .art-image-stage>img{width:auto;max-width:none;height:auto;min-width:100%;max-height:none;cursor:zoom-out}#art-thumbs{margin-top:8px;flex-wrap:nowrap;overflow-x:auto;max-width:100%;gap:8px;scrollbar-width:thin}#art-thumbs:empty{display:none}#art-thumbs button{width:58px;height:72px;min-width:58px;flex:none;opacity:.75}#art-thumbs button[aria-current=true]{opacity:1}.art-notes h2{font-size:clamp(32px,3.7vw,50px)}.art-notes>p:not(.eyebrow){font-size:16px}.art-notes>span{font-size:11px}.art-viewer-bar #art-label{font-size:12px}
@media(min-width:1700px){.hero-wall{gap:32px}.room-intro{padding-top:32px}.intro-grid{margin-bottom:28px}.film-card h3{font-size:30px}.brand-art-grid{gap:55px}.brand-series{padding-block:60px 70px}}
@media(max-width:1100px){.room-index>div{gap:18px}.room-index a{font-size:12px}.motion-screening{grid-template-columns:minmax(260px,370px) 1fr;gap:35px}.playlist-item{grid-template-columns:65px 1fr 22px;gap:13px;padding:10px}.playlist-item>img{width:65px;height:105px}.playlist-item strong{font-size:23px}.playlist-item>span>span{font-size:12px}.brand-art-grid{gap:25px}.brand-series-heading{gap:30px}.art-toolbar-inner{gap:12px}.brand-jumps{gap:14px}}
@media(max-width:760px){html{scroll-padding-top:70px}.film-nav{padding-block:17px}.film-nav img{width:120px}.nav-switch{font-size:12px}.room-index>div{min-height:58px;gap:20px}.room-index a{font-size:12px;padding-block:19px}.room-index button{font-size:12px;padding:7px 13px;min-height:42px}.room-intro{padding-top:24px}.intro-grid{grid-template-columns:1fr;gap:20px;margin:18px 0 25px}h1{font-size:clamp(64px,12vw,90px)}.intro-note{display:block;max-width:500px}.intro-note>p{font-size:16px}.intro-note>a{margin-top:14px;font-size:12px}.intro-caption{font-size:11px}.hero-wall{grid-template-columns:1fr;gap:25px}.hero-main{grid-column:1}.hero-main .film-screen video{max-height:65svh}.hero-secondary{display:flex;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1*var(--gutter));padding-inline:var(--gutter);padding-bottom:10px;scroll-padding-inline:var(--gutter)}.hero-secondary .hero-side:nth-child(n){margin:0;flex:0 0 72vw;max-width:330px;scroll-snap-align:start}.hero-secondary .film-screen video{max-height:65svh}.film-card h3,.hero-side h3{font-size:25px}.film-card figcaption p{font-size:13px}.film-brand,.film-duration,.film-format,.hero-wall .film-format{font-size:11px}.film-expand{width:42px;height:42px;right:10px;top:10px}.film-expand svg{width:22px}.eyebrow,.chapter-intro .eyebrow{font-size:11px}.room-chapter,.character-world,.material-world,.motion-room .room-chapter{padding-block:50px}.chapter-intro{gap:20px;margin-bottom:28px}.chapter-intro h2{font-size:clamp(39px,7vw,53px)}.chapter-intro>p{font-size:16px}.character-grid,.product-films{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;margin-inline:calc(-1*var(--gutter));padding-inline:var(--gutter);padding-bottom:15px;scroll-padding-inline:var(--gutter)}.character-grid .film-card:nth-child(n),.product-films .film-card:nth-child(n){flex:0 0 72vw;max-width:360px;width:auto;padding:0;scroll-snap-align:start}.character-grid:after,.motion-films:after{display:none}.character-grid .film-screen video,.product-films .film-screen video{max-height:68svh}.flavour-grid{display:block}.flavour-tall{width:80%;max-width:400px;margin:0 auto 30px}.flavour-pair{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.flavour-pair .flavour-square{flex:0 0 82%;scroll-snap-align:start}.flavour-note{display:none}.material-grid .detail-main{grid-column:1;grid-row:1}.material-grid .detail-small{grid-column:2;grid-row:1;padding-top:0}.material-grid .detail-pour{width:75%;grid-column:1/-1;grid-row:2}.material-grid .film-card h3{font-size:22px}.everyday-grid{grid-template-columns:1fr;gap:25px}.everyday-film{width:78%;max-width:370px;margin:auto;transform:none;justify-self:center}.everyday-note h2{font-size:45px}.everyday-note>p:not(.eyebrow){font-size:17px;margin-top:20px}.everyday-world{padding-block:50px}.motion-screening{grid-template-columns:1fr;gap:30px}.featured-cusp{width:min(100%,430px);margin:auto}.cusp-featured .film-screen video{max-height:none}.motion-playlist>.eyebrow{margin-bottom:14px}.playlist-item{grid-template-columns:62px 1fr 22px;gap:14px;padding:10px}.playlist-item>img{width:62px;height:99px}.playlist-item strong{font-size:24px}.playlist-item small{font-size:11px}.playlist-item>span>span{font-size:12px}.playlist-foot{font-size:12px}.room-close{padding-block:45px}.room-close h2{font-size:clamp(45px,8vw,65px)}.viewer-grid{grid-template-columns:1fr;gap:25px}#film-viewer{inset:0;width:100vw;min-width:0;max-width:none;height:100svh;max-height:none;margin:0;border:0;border-radius:0;padding:16px}.viewer-screen{width:100%}.viewer-screen video{height:66svh;max-width:100%;width:100%;object-fit:contain}.viewer-top{position:sticky;top:0;gap:12px;display:grid;grid-template-columns:1fr auto auto}.viewer-top #viewer-brand{grid-column:1;font-size:11px;letter-spacing:.05em}.viewer-top .viewer-navigation{grid-row:2;grid-column:1/-1;justify-content:space-between;border-top:1px solid #c7d8be3a;padding-top:5px}.viewer-top #viewer-counter{grid-column:2;grid-row:1}.viewer-top #close-viewer{grid-column:3;grid-row:1}.viewer-navigation button{font-size:13px}.viewer-note h2{font-size:35px}.viewer-note .eyebrow,.viewer-footnote{font-size:11px}.film-thinking summary{font-size:14px;min-height:44px}.film-thinking p{font-size:15px}
.static-room .print-intro{padding-block:28px 22px}.print-intro h1{font-size:clamp(48px,9vw,75px);max-width:600px}.print-intro .eyebrow{font-size:11px;margin-bottom:15px}.print-intro>div{display:block;margin-top:15px}.print-intro>div>p{font-size:16px;max-width:480px}.print-intro>div>span{display:block;text-align:left;max-width:none;font-size:11px;margin-top:12px}.art-toolbar-inner{padding-inline:var(--gutter);min-height:57px;gap:12px}.art-filters{width:auto;gap:3px}.art-filters button{flex:none;padding:9px 12px;font-size:12px;min-height:42px}.brand-jumps{gap:18px;font-size:12px}.brand-jumps a{padding-block:17px}.brand-series{padding:30px var(--gutter) 40px;scroll-margin-top:58px}.brand-series-heading{grid-template-columns:1fr;gap:14px;margin-bottom:24px}.brand-series-heading .eyebrow{font-size:11px;margin-bottom:10px}.brand-series-heading h2{font-size:34px}.brand-series-heading>p{font-size:13px;max-width:460px;justify-self:start}.brand-art-grid{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1*var(--gutter));padding-inline:var(--gutter);padding-block:9px 10px;scroll-padding-inline:var(--gutter)}.brand-art-grid .art-card:nth-child(n){flex:0 0 75vw;max-width:360px;padding:0;scroll-snap-align:start}.brand-art-grid .art-open{padding:5px 5px 0}.brand-art-grid .art-frame{height:clamp(340px,92vw,470px)}.brand-art-grid .art-caption{padding:18px 5px 0}.brand-art-grid .art-caption h3{font-size:25px}.art-caption-open{font-size:13px;min-height:44px}.static-close{padding-block:45px}.static-close h2{font-size:47px}.static-close>p:not(.eyebrow){font-size:16px}.static-close-actions{display:block}.static-close-actions a{font-size:15px;display:table;margin-top:10px}.static-room .footer-note{font-size:11px}#art-viewer{inset:0;width:100vw;min-width:0;max-width:none;height:100svh;max-height:none;margin:0;border:0;border-radius:0;padding:16px}.art-viewer-grid{grid-template-columns:1fr;gap:24px}.art-viewer-bar{position:sticky;top:0;z-index:6}.art-canvas{max-width:100%}.art-image-stage{height:55svh}.art-image-stage>img{max-width:100%;height:100%;width:auto;object-fit:contain}.art-canvas .slide-controls{bottom:0;gap:15px;min-height:60px}#art-thumbs{max-width:100%;gap:7px;margin-top:6px}#art-thumbs button{width:52px;height:65px;min-width:52px}.art-notes h2{font-size:33px}.art-notes>p:not(.eyebrow){font-size:15px}.art-notes .eyebrow,.art-notes>span{font-size:11px}}
@media(max-width:460px){.nav-switch{font-size:12px}.film-nav img{width:112px}.intro-grid h1{font-size:68px}.print-intro h1{font-size:49px}.room-index a{font-size:12px}.film-brand,.film-duration,.film-format{font-size:11px}.chapter-intro .eyebrow,.eyebrow{font-size:11px}.film-screen,.film-trigger{border-radius:10px}.material-grid{gap:22px 14px}.material-grid .film-meta{display:block}.material-grid .film-duration{display:block;margin-top:4px}.art-canvas.is-zoomed .art-image-stage>img{min-width:160%;max-width:none}.playlist-item>span>span{display:none}.playlist-item strong{font-size:23px}.playlist-item>img{height:90px}.print-intro>div>p{font-size:15px}.brand-series-heading h2{font-size:32px}.brand-art-grid .art-frame{height:360px}.viewer-top #viewer-brand{font-size:11px}.viewer-top #close-viewer{padding:5px 10px}.viewer-top #close-viewer span{margin-left:6px}.viewer-top{gap:10px}.viewer-screen video{height:61svh}}
@media(prefers-reduced-motion:reduce){.art-open:hover .art-front{transform:none}.hero-secondary,.brand-art-grid,.character-grid,.product-films{scroll-behavior:auto}.print-intro,.brand-series{animation:none}}
@media(min-width:761px){.room-intro .intro-top{display:none}.intro-grid{margin:0 0 20px;align-items:center}.intro-grid h1{font-size:clamp(56px,5.5vw,100px)}.room-intro{padding-top:24px}.static-room .print-intro{padding-block:28px 20px}.brand-series{padding-top:38px}.brand-series-heading{margin-bottom:22px}.brand-series-heading .eyebrow{margin-bottom:10px}}
@media(min-width:761px){#film-viewer{min-width:0}.viewer-grid{grid-template-columns:max-content minmax(280px,360px)}.viewer-screen video{height:min(calc(96svh - 115px),860px)}.static-room .print-intro{padding-top:24px}}
@media(max-width:460px){.static-room .print-intro{padding-top:24px}.print-intro>div>span{display:none}.brand-series{padding-top:26px}.brand-series-heading{margin-bottom:20px}}
#art-viewer,#film-viewer{overflow-anchor:none}.art-image-stage{overflow-anchor:none}
