.object-portfolio{background:#f5f5f1;padding-top:64px;padding-bottom:64px}
.crewneck-options{order:2;background:#f5f5f1;color:#171713;padding:22px 4vw;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.crewneck-options strong{font-size:18px;font-weight:500}
.crewneck-options p{font-size:14px;margin:6px 0 0}
.color-options{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
.color-options button{display:flex;align-items:center;gap:8px;padding:10px 12px;min-height:44px;background:transparent;border:1px solid #bbb;color:#171713;font:14px var(--sans);cursor:pointer}
.color-options button[aria-pressed=true]{border-color:#111;box-shadow:inset 0 -2px #111}
.color-options button:focus-visible{outline:2px solid #111;outline-offset:3px}
.color-options span{display:block;width:18px;height:18px;border-radius:50%;border:1px solid #777}
.crewneck-options .color-note{flex-basis:100%;font-size:13px;color:#575750;margin:0}
@media(max-width:700px){.color-options{margin-left:0}.crewneck-options{gap:14px;padding:20px 22px}}
.hero{background:#20211f}
.hero .hero-copy{color:#f5f5f1;padding:32px 4vw}
.hero .kicker,.hero .lede{color:#deded7}
.hero h1{font-weight:600;letter-spacing:-.06em}
.hero .actions .button-acid{background:#c8ff1a;color:#111}
.hero .actions .button-line{color:#f5f5f1!important;border-color:#777!important}
#catalogue-grid article{min-height:210px}
#catalogue-grid h3{font-size:22px;line-height:1.2;letter-spacing:-.025em;margin:16px 0 12px}
#catalogue-grid article>p:not(.catalogue-category){font-size:16px;line-height:1.5}
.portfolio-heading{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:24px}
.portfolio-heading h2{font-size:clamp(34px,4.5vw,64px);line-height:1.04;letter-spacing:-.055em;margin:0;font-weight:500}
.portfolio-heading p{max-width:420px;font-size:16px;line-height:1.6}
.portfolio-heading .section-tag{font-size:12px;margin:0 0 20px}
.portfolio-library-link{font-size:14px;display:inline-block;border-bottom:1px solid;padding:10px 0}
.portfolio-disclosure{font-size:13px;line-height:1.6;color:#55564f;max-width:790px;margin:0 0 32px}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 24px}
.portfolio-card{min-width:0}
.portfolio-photo{display:block;position:relative;overflow:hidden;line-height:0;cursor:zoom-in}
.portfolio-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;transition:transform .65s cubic-bezier(.2,.65,.3,1);transform-origin:center}
.portfolio-photo::after{content:'View details';position:absolute;right:14px;bottom:14px;background:#f5f5f1;color:#111;padding:10px 14px;font:14px/1.2 var(--sans);opacity:0;transition:opacity .2s ease;pointer-events:none}
.portfolio-photo:focus-visible{outline:2px solid #111;outline-offset:4px}
.portfolio-photo:focus-visible::after{opacity:1}
.portfolio-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 0}
.portfolio-meta>span{font:12px var(--mono);letter-spacing:.04em;color:#595a53}
.portfolio-select{border:0;background:transparent;padding:12px 0;min-height:44px;color:#191b16;font:14px var(--sans);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.portfolio-select[aria-pressed=true]{color:#1a2912;background:var(--acid);padding:12px;border-radius:2px}
.portfolio-card h3{font-size:clamp(23px,2.3vw,32px);line-height:1.12;letter-spacing:-.04em;margin:6px 0 10px}
.portfolio-card>p{font-size:16px;line-height:1.55;color:#55564f;margin:0;max-width:480px}
.product-color{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 8px;font-size:13px;color:#55564f}
.product-color select{min-height:44px;max-width:100%;padding:8px 30px 8px 12px;border:1px solid #c8c8c0;border-radius:0;background:transparent;color:#171713;font:inherit}
.product-color select:focus-visible{outline:2px solid #171713;outline-offset:3px}
.catalogue-photo{display:block;width:calc(100% + 56px);max-width:none;margin:-28px -28px 20px;height:auto;aspect-ratio:3/2;object-fit:contain}
#catalogue-grid .catalogue-photo-note{font-size:12px;margin:0 0 8px;line-height:1.4}
@media(hover:hover) and (pointer:fine){.portfolio-photo:hover img{transform:scale(1.12)}.portfolio-photo:hover::after{opacity:1}}
@media(hover:none){.portfolio-photo::after{content:'Tap to view';opacity:1}}
@media(max-width:700px){.portfolio-heading{grid-template-columns:1fr;gap:18px}.portfolio-heading p{margin:0 0 10px}.portfolio-grid{grid-template-columns:1fr;gap:30px}.portfolio-card h3{font-size:25px}.catalogue-photo{width:calc(100% + 36px);margin:-18px -18px 16px}.portfolio-disclosure{font-size:13px}}
@media(prefers-reduced-motion:reduce){.portfolio-photo img,.portfolio-photo::after{transition:none}}

/* Compact navigation and content-led spacing. */
.reveal{opacity:1;transform:none}
.site-header{justify-content:flex-start;padding:0 4vw;gap:28px}
.site-header .brand{margin-right:auto}
.site-header .wordmark{width:112px}
.site-header nav{gap:6px}
.site-header nav a{padding:12px 13px;color:#222;border-radius:2px}
.site-header nav a:hover{background:#e6e6e0}
.site-header nav a:after{display:none}
.site-header .pill{flex-shrink:0}
.section{padding-top:40px;padding-bottom:40px}
.section-tag{margin-bottom:18px}
.gallery>article>img{position:static;transform:none!important;will-change:auto}
.gallery>article>div{padding:16px 0;transform:none!important;will-change:auto}
.collection-intro{padding-top:32px;padding-bottom:16px}
.range-index,.selected{border:0}
.selected .brand-wall,.catalogue-intro,.custom-route,.depth-grid article,.site-footer,.site-footer .footer-bottom{border:0!important}
.custom-route{margin-top:32px;padding-top:20px}
.final-cta{padding:40px 4vw}
@media(max-width:1000px){.site-header{gap:14px}.site-header nav{gap:0}.site-header nav a{padding:12px 9px}}
@media(max-width:800px){.site-header .brand{margin-right:auto}.site-header{padding:0 22px}.section{padding-top:32px;padding-bottom:32px}}

/* Material-led, restrained presentation. */
:root{--paper:#f7f7f4;--line:#d7d7d1}
body{background:var(--paper)}
.object-portfolio{background:var(--paper)}
.site-header{background:rgba(247,247,244,.94);height:70px}
.site-header nav a{font-size:14px;letter-spacing:.015em}
.site-header .pill{background:transparent;border:1px solid #171713;border-radius:0;box-shadow:none;padding:9px 18px}
.hero .actions .button{border-radius:0;box-shadow:none;min-height:48px;font-size:13px}
.button-acid{background:#191b18;color:#fff}
.hero .actions .button-line{background:transparent;color:var(--ink)}
.marquee{background:#c8ff1a;color:#111;border-top:1px solid #111;border-bottom:1px solid #111;padding:18px 0;overflow:hidden;scroll-margin-top:90px}
.marquee span{font-size:14px;letter-spacing:.13em}.marquee b{color:#111;font-size:12px}
.marquee .marquee-track{display:flex;width:max-content;gap:0;animation:objects-scroll 38s linear infinite;will-change:transform}
.marquee .marquee-group{display:flex;align-items:center;flex-shrink:0;width:max-content;min-width:100vw;gap:40px;padding-right:40px;animation:none}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes objects-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.marquee .marquee-track{animation:none;transform:none;will-change:auto}.marquee{overflow-x:auto}}
.portfolio-heading{margin-bottom:24px;align-items:center}
.portfolio-heading h2{font-size:clamp(32px,3.6vw,52px);letter-spacing:-.04em;font-weight:500}
.portfolio-heading>div:last-child{justify-self:end}
.portfolio-heading>div:last-child p{font-size:16px;color:#53554e;line-height:1.65}
.portfolio-grid{gap:28px 24px}
.portfolio-card h3{font-size:23px;font-weight:500;letter-spacing:-.025em}
.portfolio-card>p{font-size:15px;line-height:1.55;color:#5b5d56}
.portfolio-meta>span{font-size:12px;letter-spacing:.07em}
.portfolio-select{font-size:13px;text-underline-offset:5px}
.portfolio-library-link{font-size:14px;letter-spacing:.02em}
#category-filters button{border-radius:0;border-color:var(--line);padding:11px 15px;min-height:44px;font:14px var(--sans)}
#catalogue-grid{background:transparent;border:0;gap:0 28px}
#catalogue-grid article{background:transparent;padding:24px 0;border-top:1px solid var(--line);min-height:200px}
#catalogue-grid h3{font-size:21px;font-weight:500}
#catalogue-grid article>p:not(.catalogue-category){font-size:16px}
#catalogue-grid .catalogue-category{color:#686a61;font-size:12px;letter-spacing:.025em;margin:0}
#catalogue-grid button{font:14px var(--sans);min-height:44px;padding:10px 0}
.collection-intro h2,.range-head h2{font-weight:500;letter-spacing:-.035em}
@media(max-width:700px){.site-header{height:60px}.portfolio-heading{margin-bottom:26px;gap:12px}.portfolio-heading>div:last-child{justify-self:start}.portfolio-grid{gap:32px}.portfolio-card>p{font-size:16px}#catalogue-grid{grid-template-columns:1fr 1fr;gap:0 20px}#catalogue-grid h3{font-size:20px}#catalogue-grid article{padding:20px 0;min-height:235px}}
:root .site-footer{display:grid;grid-template-columns:1.4fr 1fr auto;align-items:start;gap:32px;padding:48px 4vw 24px;background:#f7f7f4;color:#111;border-top:1px solid #d7d7d1;font-size:16px;line-height:1.5}
.site-footer .footer-wordmark{display:inline-block;color:#111;font-family:var(--sans);font-size:clamp(20px,2.2vw,32px);font-weight:700;letter-spacing:-.055em;line-height:1.2;white-space:nowrap}
.site-footer .footer-identity p{margin:10px 0 0;font-size:.8125rem;line-height:1.5;color:#62625d}
.site-footer .footer-navigation{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}
.site-footer a{color:#111}
.site-footer .footer-navigation a{display:flex;align-items:center;min-height:44px;font-size:.875rem;font-weight:400;color:#62625d}
.site-footer .footer-project{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:44px;background:transparent;border:0;padding:8px 0;color:#454540;font-size:.875rem;font-weight:400;white-space:nowrap}
.site-footer .footer-project span{font-size:22px}
.site-footer .footer-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;border:0;padding-top:0;margin-top:0;font-size:.75rem;color:#62625d;letter-spacing:0}
.site-footer .footer-bottom a{color:inherit}
:root .site-footer{padding-top:32px;gap:20px 32px}
.site-footer .footer-wordmark .wordmark{width:112px!important;height:auto!important}
.site-footer .footer-bottom small{border:0;margin:0;padding:0;font:inherit;color:inherit}
.site-footer .footer-bottom a{min-height:44px;display:flex;align-items:center}
.site-footer a:hover,.site-footer .footer-project:hover{text-decoration:underline;text-underline-offset:5px}
.site-footer a:focus-visible,.site-footer button:focus-visible{outline:2px solid #111;outline-offset:5px}
@media(max-width:700px){:root .site-footer{grid-template-columns:1fr;gap:24px;padding:32px 6vw 20px}.site-footer .footer-navigation{gap:0 24px}.site-footer .footer-project{justify-self:start}.site-footer .footer-bottom{flex-wrap:wrap;gap:4px 16px}.site-footer .footer-bottom small{margin-left:auto}.site-footer .footer-bottom a{flex-basis:100%}}