/* Furniture / Architecture / Motion. One existing backdrop, three rhythms. */
.category-portfolio{--portfolio-line:#ffffff28;color:var(--paper);background:var(--category-backdrop);padding:32px 0 0}
.category-portfolio h1,.category-portfolio h2,.category-portfolio h3{font-family:Arial,sans-serif;font-weight:400}
.portfolio-kicker{display:flex;justify-content:space-between;gap:22px;margin-bottom:26px;font-size:9px;letter-spacing:.12em;color:#b8bec1;line-height:1.6}
.portfolio-title{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:28px}
.entry-template .portfolio-title h1{margin:0;font-size:clamp(46px,5.25vw,91px);line-height:1.02;letter-spacing:-.055em;max-width:none}
.portfolio-title h1 em,.portfolio-intro h2 em{font-style:normal;color:#aeb6b9}
.portfolio-title>p{font-size:12px;line-height:1.75;color:#bfc5c8;margin:0 0 5px}
.portfolio-picture{min-width:0;margin:0}
.portfolio-picture img{display:block;width:100%;height:auto;object-fit:contain}
.portfolio-picture img:not([src]){aspect-ratio:var(--image-aspect,4/3);background:#ffffff05}
.portfolio-picture figcaption{font-size:9px;letter-spacing:.025em;line-height:1.65;color:#9ca6aa;margin-top:14px}
.portfolio-opening-footer{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:22px 0 25px;border-bottom:1px solid var(--portfolio-line);font-size:10px;color:#bec5c8}
.portfolio-opening-footer>span{font-size:8px;letter-spacing:.1em}
.portfolio-opening-footer nav{display:flex;gap:clamp(15px,3vw,44px)}
.portfolio-opening-footer a:hover,.portfolio-end a:hover{color:var(--accent-light)}
.portfolio-intro{display:grid;grid-template-columns:1.45fr 1fr;gap:20px 12%;align-items:end;padding:clamp(80px,10vw,165px) 7% clamp(55px,7vw,120px)}
.portfolio-eyebrow{font-size:9px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;color:#a2adb2;margin:0 0 18px}
.portfolio-intro>.portfolio-eyebrow{grid-column:1/-1}
.portfolio-intro h2{margin:0;font-size:clamp(35px,4.8vw,78px);line-height:1.06;letter-spacing:-.05em}
.portfolio-intro>p:last-child{font-size:12px;line-height:1.85;margin:0 0 5px;color:#bfc5c8}
.portfolio-end{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--portfolio-line);padding:30px 0 44px;font-size:9px;letter-spacing:.06em;color:#a5afb4}
.furniture-opening{min-height:calc(100svh - 122px);display:flex;flex-direction:column}
.furniture-hero-picture{flex:1;display:flex;flex-direction:column;justify-content:center;background:#060707;overflow:hidden}
.furniture-hero-picture img{width:auto;max-width:100%;height:auto;max-height:calc(100svh - 300px);margin:auto}
.furniture-hero-picture figcaption{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.furniture-composition{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(65px,8vw,145px) 3%;align-items:start;padding-bottom:clamp(80px,10vw,150px)}
.furniture-work{min-width:0}
.furniture-work-heading{display:flex;align-items:baseline;gap:18px;border-top:1px solid var(--portfolio-line);padding-top:22px;margin-bottom:22px}
.furniture-work-heading>span{font-size:9px;color:#a2aeb2}
.furniture-work-heading h3{font-size:clamp(20px,2.2vw,36px);margin:0;letter-spacing:-.035em;line-height:1.2}
.furniture-work-major{grid-column:1/9}
.furniture-work-detail{grid-column:9/13;margin-top:25%}
.furniture-work-wide{grid-column:1/-1}
.furniture-work-offset{grid-column:1/6;margin-top:22%}
.furniture-work-paired{grid-column:7/13}
.furniture-work:nth-last-child(2){grid-column:2/9}
.furniture-work:last-child{grid-column:10/13;margin-top:30%}
.furniture-work-detail{grid-column:8/13;margin-top:25%}
.furniture-work-major:first-child{grid-column:1/7}
.furniture-work:nth-last-child(2){grid-column:1/8}
.furniture-work:last-child{grid-column:9/13;margin-top:25%}
.architecture-hero-picture{width:100%}
.architecture-hero-picture+.architecture-hero-picture{margin-top:48px}
.architecture-hero-picture img{width:100%;height:auto}
.architecture-hero-picture figcaption{margin-top:16px}
.architecture-chapter{padding-top:clamp(90px,12vw,185px);scroll-margin-top:30px}
.architecture-chapter-heading{padding:0 7% clamp(55px,7vw,115px)}
.architecture-chapter-heading h2{font-size:clamp(40px,5.2vw,85px);line-height:1.06;letter-spacing:-.05em;margin:0}
.architecture-study{padding-bottom:clamp(80px,10vw,165px);scroll-margin-top:25px}
.architecture-study-heading{display:grid;grid-template-columns:34px 1fr auto;align-items:start;gap:25px;border-top:1px solid var(--portfolio-line);padding:24px 0 35px}
.architecture-study-heading>span,.architecture-study-heading>small{font-size:8px;letter-spacing:.09em;color:#9ea9ae;padding-top:6px}
.architecture-study-heading h3{font-size:clamp(26px,3vw,46px);line-height:1.1;letter-spacing:-.04em;margin:0 0 13px}
.architecture-study-heading p{font-size:11px;line-height:1.7;color:#b1bbbf;margin:0}
.architecture-composition{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:45px 3%}
.architecture-image-0{grid-column:1/-1}
.architecture-image-1{grid-column:1/6;margin-top:15%}
.architecture-image-2{grid-column:7/13}
.architecture-rhythm-1 .architecture-image-0{grid-column:3/13}
.architecture-rhythm-1 .architecture-image-1{grid-column:1/8;margin-top:0}
.architecture-rhythm-1 .architecture-image-2{grid-column:9/13;margin-top:25%}
.architecture-rhythm-2 .architecture-image-0{grid-column:1/11}
.architecture-rhythm-2 .architecture-image-1{grid-column:2/7;margin-top:0}
.architecture-rhythm-2 .architecture-image-2{grid-column:8/13;margin-top:15%}
.architecture-rhythm-3 .architecture-image-1{grid-column:1/8;margin-top:0}
.architecture-rhythm-3 .architecture-image-2{grid-column:9/13;margin-top:25%}
/* Later daylight views claim more of the available width; the backdrop never changes. */
.architecture-daylight .architecture-image-0{grid-column:1/-1}
.architecture-more{margin-top:40px;border-top:1px solid var(--portfolio-line)}
.architecture-more summary{display:flex;justify-content:space-between;align-items:center;gap:25px;cursor:pointer;list-style:none;font-size:11px;color:#b7c1c6;padding:18px 0}
.architecture-more summary::-webkit-details-marker{display:none}
.architecture-more summary>span:last-child{font-size:20px;line-height:1;transition:transform .25s}
.architecture-more[open] summary>span:last-child{transform:rotate(45deg)}
.architecture-detail-composition{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px 4%;padding:30px 0 15px;align-items:start}
.architecture-detail-0{grid-column:1/8}.architecture-detail-1{grid-column:9/13;margin-top:20%}.architecture-detail-2{grid-column:3/11}
.portfolio-architecture .architecture-composition>figure,.portfolio-architecture .architecture-detail-composition>figure{grid-column:span 6;margin-top:0}
.portfolio-architecture .architecture-composition>figure:first-child{grid-column:1/-1}
@media(max-width:700px){.portfolio-architecture .architecture-composition>figure,.portfolio-architecture .architecture-detail-composition>figure{grid-column:1/-1}}
.portfolio-motion{padding-top:0}
.motion-opening{position:relative;isolation:isolate;min-height:620px;height:calc(100svh - 90px);max-height:1100px;overflow:hidden;perspective:1400px}
.motion-opening>.portfolio-kicker{position:absolute;top:30px;left:0;right:0;z-index:3;margin:0;pointer-events:none}
.motion-opening::after{content:'';position:absolute;inset:0 0 auto;height:120px;background:linear-gradient(var(--category-backdrop),transparent);z-index:1;pointer-events:none}
.motion-hero-object{position:absolute;inset:-3% -2% -3% 35%;transform-origin:50% 50%;transition:transform 900ms cubic-bezier(.2,.65,.25,1);pointer-events:none;mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 84%,transparent 98%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 84%,transparent 98%)}
.motion-hero-poster,.motion-hero-video,.motion-hero-slice img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50%;filter:var(--motion-hero-grade,grayscale(1) brightness(1.38) contrast(1.12))}
.motion-hero-video{opacity:0;transition:opacity 800ms}
.motion-hero-video.has-frame{opacity:1}
.motion-hero-slices{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 400ms}
.motion-hero-slice{position:absolute;inset:0;transform-origin:center}
.motion-opening.is-introducing .motion-hero-slices{opacity:1}
.motion-opening.is-introducing .motion-hero-slice{animation:sculptural-reconnect 2.4s cubic-bezier(.18,.65,.3,1) both}
.motion-opening.is-introducing .motion-hero-video{opacity:.1}
.motion-hero-light{position:absolute;inset:0;opacity:0;background:linear-gradient(115deg,transparent 30%,#fff2 47%,transparent 64%);mix-blend-mode:screen;transform:translateX(-80%);pointer-events:none}
.motion-opening.is-introducing .motion-hero-light{animation:sculptural-light 2.45s ease-in-out both}
.motion-hero-copy{position:absolute;left:0;right:40%;top:50%;translate:0 -42%;z-index:2}
.entry-template .motion-hero-copy h1{margin:0;font-size:clamp(42px,5.5vw,95px);letter-spacing:-.065em;line-height:1.04;max-width:none}
.motion-hero-copy h1 span,.motion-hero-copy h1 em{display:block}
.motion-hero-copy h1 em{font-style:normal;color:#b2bec3}
.motion-hero-copy>p{font-size:12px;color:#bbc4c8;line-height:1.9;max-width:280px;margin:30px 0 0}
.motion-hero-footer{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid var(--portfolio-line);padding:22px 0;font-size:10px;background:var(--category-backdrop)}
.motion-hero-footer>span{font-size:8px;letter-spacing:.1em;color:#aab6bc}
.motion-hero-footer>button{font-size:10px;color:#d5dfe3}
.motion-hero-quiet .motion-hero-slices,.motion-hero-quiet .motion-hero-light{display:none}
.motion-hero-quiet .motion-hero-video{opacity:0}
.motion-composition{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(80px,10vw,165px) 3.5%;align-items:start;padding-bottom:clamp(80px,10vw,160px)}
.motion-work{min-width:0;scroll-margin-top:30px}
.motion-work-feature{grid-column:3/11}
.motion-work-small{grid-column:1/5;margin-top:25%}
.motion-work-large{grid-column:6/13}
.motion-work-wide{grid-column:1/-1}
.motion-work-wide:not(.motion-product-film) .motion-screen{aspect-ratio:16/9}
.motion-work-paired{grid-column:span 6}
.motion-work-paired+.motion-work-paired{margin-top:20%}
.motion-work-heading{display:flex;align-items:baseline;gap:18px;border-top:1px solid var(--portfolio-line);padding:22px 0}
.motion-work-heading>span,.motion-work-heading>small{font-size:9px;color:#9dabb1;letter-spacing:.06em}
.motion-work-heading>small{margin-left:auto;white-space:nowrap}
.motion-work-heading h3{font-size:clamp(21px,2.8vw,44px);line-height:1.1;letter-spacing:-.035em;margin:0}
.motion-screen{position:relative;isolation:isolate;aspect-ratio:var(--film-aspect);background:#030405;overflow:hidden}
.motion-film-poster,.motion-screen>.portfolio-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.motion-screen>.portfolio-video{opacity:0;transition:opacity 400ms}
.motion-screen>.portfolio-video.has-frame{opacity:1}
.motion-playback-state{position:absolute;right:18px;bottom:16px;color:#c1ccd1;font-size:9px;z-index:2}
.motion-work-footer{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:16px 0 0;color:#a6b2b8;font-size:10px;line-height:1.8}
.motion-work-footer>p{font-size:10px;margin:0}
.motion-work-footer>div{display:flex;gap:20px;flex-wrap:wrap;justify-content:flex-end}
.motion-work-footer button{padding:5px 0;border-bottom:1px solid #ffffff35;white-space:nowrap}
.motion-work-footer button:hover{color:var(--paper);border-color:var(--accent-light)}
.motion-cinema-composition .motion-work-paired+.motion-work-paired{margin-top:16%}
/* The abstract studies share the hero's sculptural space, not video-card frames. */
.motion-sculpture-composition{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(85px,12vw,190px) 5%;padding-bottom:clamp(90px,12vw,180px)}
.motion-sculpture{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;column-gap:4%;grid-column:1/-1}
.motion-sculpture-copy{grid-column:1/5;grid-row:1;position:relative;z-index:2;min-width:0}
.motion-sculpture-copy .portfolio-eyebrow{font-size:8px;line-height:1.8;letter-spacing:.08em;margin-bottom:18px}
.motion-sculpture-copy h3{margin:0;font-size:clamp(33px,4.15vw,68px);line-height:1.06;letter-spacing:-.05em;text-wrap:balance}
.motion-sculpture-description{margin:24px 0 0;font-size:12px;line-height:1.85;color:#b7c2c7;max-width:310px}
.motion-sculpture-art{grid-column:5/13;grid-row:1;min-width:0}
.motion-sculpture .motion-screen{background:transparent;isolation:auto}
.motion-sculpture .motion-film-poster,.motion-sculpture .portfolio-video{mix-blend-mode:lighten;filter:var(--motion-grade,none)}
.motion-sculpture .motion-screen:has(>.portfolio-video.has-frame)>.motion-film-poster{opacity:0}
.motion-sculpture-feature .motion-screen{max-height:820px}
.motion-sculpture-small{grid-column:1/11;grid-template-columns:repeat(12,minmax(0,1fr))}
.motion-sculpture-small .motion-sculpture-art{grid-column:1/7}
.motion-sculpture-small .motion-sculpture-copy{grid-column:8/13}
.motion-sculpture-small .motion-sculpture-copy h3{font-size:clamp(31px,3.4vw,55px)}
.motion-sculpture-large{grid-column:2/13}
.motion-sculpture-large .motion-sculpture-art{grid-column:5/13}
.motion-sculpture-large .motion-screen{aspect-ratio:1}
.motion-sculpture-large .motion-film-poster,.motion-sculpture-large .portfolio-video,.motion-sculpture-wide .motion-film-poster,.motion-sculpture-wide .portfolio-video,.motion-sculpture-paired .motion-film-poster,.motion-sculpture-paired .portfolio-video{object-fit:cover}
.motion-sculpture-wide .motion-sculpture-art{grid-column:1/9}
.motion-sculpture-wide .motion-sculpture-copy{grid-column:10/13}
.motion-sculpture-wide .motion-screen{aspect-ratio:1.2}
.motion-sculpture-wide .motion-sculpture-copy h3{font-size:clamp(31px,3.45vw,56px)}
.motion-sculpture-paired{grid-column:span 6;display:flex;flex-direction:column;gap:28px;align-items:stretch}
.motion-sculpture-paired+.motion-sculpture-paired{margin-top:25%}
.motion-sculpture-paired .motion-sculpture-art{order:0}
.motion-sculpture-paired .motion-sculpture-copy{order:1;padding:0 5%}
.motion-sculpture-paired .motion-sculpture-copy h3{font-size:clamp(29px,3.1vw,50px)}
.motion-sculpture-paired .motion-screen{aspect-ratio:1}
.motion-sculpture-paired .motion-sculpture-description{max-width:360px}
.motion-sculpture-footer{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;gap:22px;align-items:center;border-top:1px solid var(--portfolio-line);padding:18px 0 0;margin-top:26px;font-size:9px;color:#adbcc3;position:relative;z-index:2}
.motion-sculpture-footer>span{font-size:7px;letter-spacing:.09em}
.motion-sculpture-footer>div{display:flex;gap:26px}.motion-sculpture-footer button{font-size:9px;padding:6px 0;white-space:nowrap}.motion-sculpture-footer button:hover{color:var(--paper)}
.motion-sculpture-paired .motion-sculpture-footer{order:2;margin-top:0}
.collections .collection-links a[data-open-category=motion] h3{font-size:clamp(25px,2.65vw,43px);text-wrap:balance}
@keyframes sculptural-reconnect{0%{transform:translate3d(calc(var(--slice-x)*-.5),calc(var(--slice-y)*-.4),0)}35%{transform:translate3d(var(--slice-x),var(--slice-y),0)}100%{transform:translate3d(0,0,0)}}
@keyframes sculptural-light{0%{opacity:0;transform:translateX(-80%)}45%{opacity:.6}100%{opacity:0;transform:translateX(80%)}}
@media(min-width:1700px){.category-portfolio{max-width:1800px;margin-inline:auto}.motion-opening{max-height:1200px}}
@media(max-width:1000px){.motion-opening{height:calc(100svh - 78px)}.motion-hero-copy{right:32%}.entry-template .motion-hero-copy h1{font-size:clamp(42px,6vw,67px)}.motion-work-footer{display:block}.motion-work-footer>div{justify-content:flex-start;margin-top:12px}.portfolio-intro{padding-inline:0;gap:30px 8%}.architecture-chapter-heading{padding-inline:0}.furniture-work:last-child{grid-column:9/13}}
@media(max-width:700px){
 .category-portfolio{padding-top:28px}.portfolio-kicker{font-size:8px;gap:20px;margin-bottom:25px}.portfolio-kicker>span:last-child{text-align:right;max-width:50%}
 .portfolio-title{display:block}.entry-template .portfolio-title h1{font-size:47px}.portfolio-title>p{font-size:11px;margin-top:25px}
 .portfolio-opening-footer{font-size:10px;line-height:1.7;gap:18px}.portfolio-opening-footer>span{font-size:7px}.portfolio-opening-footer nav{flex-wrap:wrap;gap:10px 18px}.architecture-opening .portfolio-opening-footer{display:block}.architecture-opening .portfolio-opening-footer>span{display:block;margin-top:18px}
 .furniture-opening{min-height:0}.furniture-hero-picture img{width:100%;height:auto;max-height:none}
 .portfolio-intro{display:block;padding:75px 0 50px}.portfolio-intro h2{font-size:40px}.portfolio-intro>p:last-child{font-size:11px;margin-top:25px}
 .furniture-composition{display:flex;flex-direction:column;gap:55px;padding-bottom:70px}.furniture-work{width:100%;margin-top:0!important}.furniture-work-detail{width:80%;align-self:flex-end}.furniture-work-offset{width:86%;align-self:flex-start}.furniture-work-heading h3{font-size:25px}
 .portfolio-picture figcaption{font-size:8px;margin-top:12px}.architecture-chapter{padding-top:70px}.architecture-chapter-heading{padding:0 0 45px}.architecture-chapter-heading h2{font-size:41px}
 .architecture-study{padding-bottom:65px}.architecture-study-heading{grid-template-columns:20px 1fr;gap:15px;padding:20px 0 25px}.architecture-study-heading>small{grid-column:2;padding-top:0}.architecture-study-heading h3{font-size:29px}.architecture-study-heading p{font-size:10px}
 .architecture-composition,.architecture-detail-composition{display:flex;flex-direction:column;gap:30px}.architecture-composition .portfolio-picture{margin-top:0;width:100%}.architecture-composition .architecture-image-2{width:88%;align-self:flex-end}.architecture-detail-composition .portfolio-picture{width:100%;margin-top:0}.architecture-more{margin-top:30px}.architecture-more summary{font-size:10px}
 .portfolio-motion{padding-top:0}.motion-opening{height:calc(100svh - 70px);min-height:680px;max-height:1000px}.motion-opening>.portfolio-kicker{top:28px}.motion-hero-object{inset:3% -8% 20% -8%;opacity:.85;mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 84%,transparent 98%),linear-gradient(180deg,transparent,#000 8%,#000 55%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 84%,transparent 98%),linear-gradient(180deg,transparent,#000 8%,#000 55%,transparent 100%);-webkit-mask-composite:source-in}
 .motion-hero-copy{top:auto;bottom:90px;left:0;right:0;translate:none}.entry-template .motion-hero-copy h1{font-size:clamp(40px,8.5vw,60px);letter-spacing:-.05em}.motion-hero-copy>p{font-size:10px;line-height:1.7;margin-top:20px}.motion-hero-footer{font-size:9px;padding:19px 0;gap:12px}.motion-hero-footer>span{display:none}
 .motion-composition{display:flex;flex-direction:column;gap:65px;padding-bottom:65px}.motion-work{width:100%;margin-top:0!important}.motion-work-small{width:82%;align-self:flex-start}.motion-work-large{width:94%;align-self:flex-end}.motion-work-paired{width:92%;align-self:flex-start}.motion-work-paired+.motion-work-paired{align-self:flex-end}.motion-work-heading{gap:14px;padding:18px 0}.motion-work-heading h3{font-size:26px}.motion-work-heading>span,.motion-work-heading>small{font-size:8px}.motion-work-wide:not(.motion-product-film) .motion-screen{aspect-ratio:var(--film-aspect)}
 .motion-work-footer{font-size:9px}.motion-work-footer>p{font-size:9px}.motion-work-footer>div{gap:24px}.portfolio-end{font-size:8px;line-height:1.8;padding-bottom:35px}
 .motion-sculpture-composition{display:flex;flex-direction:column;gap:85px;padding-bottom:75px}.motion-sculpture{display:flex;flex-direction:column;align-items:stretch;gap:20px;margin:0!important;width:100%}.motion-sculpture-art{order:0;width:100%}.motion-sculpture-copy{order:1;width:100%;padding:0!important}.motion-sculpture .motion-sculpture-copy h3{font-size:36px}.motion-sculpture-copy .portfolio-eyebrow{font-size:7px;margin-bottom:13px}.motion-sculpture-description{font-size:11px;margin-top:17px;max-width:100%}.motion-sculpture-footer{order:2;margin-top:5px;padding-top:14px;font-size:8px}.motion-sculpture-footer>span{font-size:6px}.motion-sculpture-footer>div{gap:20px}.motion-sculpture-footer button{font-size:8px}.motion-sculpture-small{width:84%;align-self:flex-start}.motion-sculpture-large{width:95%;align-self:flex-end}.motion-sculpture-paired{width:88%;align-self:flex-start}.motion-sculpture-paired+.motion-sculpture-paired{align-self:flex-end}
}
@media(max-width:480px){.category-portfolio{padding-top:48px}.portfolio-motion{padding-top:0}.entry-template .portfolio-title h1{font-size:42px}.portfolio-kicker>span:last-child{font-size:7px}.motion-opening>.portfolio-kicker{top:55px}.motion-opening>.portfolio-kicker>span:last-child{max-width:45%}.motion-hero-copy{bottom:100px}.portfolio-opening-footer>span{max-width:50%}}
@media(prefers-reduced-motion:reduce){.motion-hero-slices,.motion-hero-light{display:none}.motion-hero-object,.motion-hero-video,.motion-screen>.portfolio-video,.architecture-more summary>span:last-child{transition:none}}