@font-face{font-family:Montserrat;src:url('assets/Montserrat-Regular.otf') format('opentype');font-weight:400;font-display:swap}@font-face{font-family:Montserrat;src:url('assets/Montserrat-Bold.otf') format('opentype');font-weight:700;font-display:swap}
:root{--bg:#112019;--panel:#192d23;--cyan:#7aeafe;--text:#e0eee7;--muted:#bacdc2;--line:#354b40}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--bg);color:var(--text);font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p,figure{margin:0}img{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}a:hover{opacity:.8}.opening{position:relative;isolation:isolate;color:#112019;background:#e4a3b6 url('assets/gum-background.png') center/cover}.opening:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(254,234,238,.95),rgba(254,234,238,.82) 33%,rgba(254,234,238,.1) 70%)}.header{position:relative;z-index:3;display:flex;align-items:center;gap:22px;min-height:78px;padding:14px 5%;border-bottom:1px solid #11201918}.wordmark{font-family:Montserrat,Arial,sans-serif;font-weight:700;letter-spacing:.12em;font-size:29px;line-height:1}.header nav{display:flex;gap:30px;margin:auto;font-size:13px}.nav-link>span:last-child{display:none}.languages{display:flex;border:1px solid #11201950;border-radius:30px;align-items:center;padding:2px 9px;gap:4px;font-size:12px}.languages button{background:none;border:0;padding:8px 4px;color:#112019;cursor:pointer}.languages button[aria-pressed=true]{text-decoration:underline;text-underline-offset:4px;font-weight:700}.pill{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:#112019;color:#7aeafe;border:1px solid #112019;border-radius:30px;padding:11px 22px;font-size:13px;line-height:1.2}.outline{background:transparent;color:#112019;border-color:#11201955}.header-cta{white-space:nowrap}.hero{position:relative;min-height:520px;height:clamp(520px,42vw,640px);overflow:hidden;padding:32px 5% 45px}.hero-copy{position:relative;width:45%;z-index:2}.eyebrow{font-size:11px;letter-spacing:1.4px;line-height:1.5;margin-bottom:15px;color:var(--muted)}.hero .eyebrow{color:#112019;font-size:11px}h1{font-size:clamp(42px,4.7vw,72px);line-height:1.04;font-weight:400;letter-spacing:-2.8px;margin-bottom:20px}.intro{font-size:15px;max-width:400px;line-height:1.4}.hero-links{display:flex;gap:15px;margin-top:24px}.hero-art{position:absolute;inset:0 -2% 0 43%;z-index:1;pointer-events:none}.hero-art img{position:absolute;height:138%;width:100%;max-width:none;object-fit:contain;top:-22%;left:0;filter:drop-shadow(12px 14px 18px #55203130)}.art-caption{position:absolute;right:10%;top:61%;font-size:10px;line-height:1.5;max-width:100px}.hero-bottom{position:absolute;bottom:26px;left:5%;font-size:11px;z-index:2;max-width:43%}.section{padding:32px 4%}.project{display:grid;grid-template-columns:32% 1fr;gap:35px}.project h2{font-size:58px;font-weight:400;letter-spacing:-2px;color:var(--cyan);line-height:1;margin-bottom:18px}.project h3{font-size:23px;font-weight:400;line-height:1.25;margin-bottom:18px;letter-spacing:-.6px}.project p:not(.eyebrow){font-size:14px;line-height:1.5;color:var(--muted);margin-bottom:20px}.project .pill,.contact .pill{background:var(--cyan);color:var(--bg);border-color:var(--cyan)}.gallery{display:grid;grid-template-columns:1.12fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;min-height:360px}.gallery figure{position:relative;overflow:hidden;background:#deb3bb}.gallery-main{grid-row:1/3}.gallery-main img{width:100%;height:100%;object-fit:contain;padding:8px}.detail img{position:absolute;max-width:none;width:280%;height:auto}.dial img{width:290%;left:-85%;top:-72%}.crown img{width:330%;left:-178%;top:-120%}.seconds img{width:330%;left:-100%;top:-164%}.strap img{width:290%;left:-110%;top:0}.manifesto{background:var(--panel);display:grid;grid-template-columns:35% 42% 1fr;gap:30px;align-items:center}.manifesto h2{font-size:clamp(28px,3.2vw,46px);line-height:1.12;font-weight:400;letter-spacing:-1.5px;color:var(--cyan)}.manifesto-copy{font-size:14px}.manifesto-copy p{margin-bottom:12px}.medium{padding-top:14px;position:relative}.medium:before{content:'';position:absolute;top:3px;left:0;width:32px;border-top:1px solid var(--muted)}.studio-mark{font-weight:700;font-size:120px;letter-spacing:-12px;color:var(--cyan);opacity:.8;line-height:1}.studio-mark span{font-size:50px;vertical-align:top}.territories{padding:24px 2% 12px}.territories>.eyebrow{margin-left:2%}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.category{background:#223b2d;position:relative;overflow:hidden}.category-art{height:190px;display:grid;place-items:center;overflow:hidden}.category-art img{height:205px;object-fit:contain;transform:rotate(-12deg)}.category h3{font-size:14px;font-weight:400;padding:10px 14px;color:var(--cyan)}.note{font-size:11px;color:var(--muted);margin:10px 2%}.thinking{display:grid;grid-template-columns:27% 40% 1fr;gap:30px;padding-top:20px;padding-bottom:36px}.thinking h2{font-size:35px;font-weight:400;line-height:1.16;letter-spacing:-1.5px;color:var(--cyan)}.philosophy-copy,.contact{border-left:1px solid var(--line);padding-left:30px;margin-top:28px}.philosophy-copy p,.contact p{font-size:13px;margin-bottom:14px;color:var(--muted)}.contact h3{font-size:18px;line-height:1.3;font-weight:400;margin-bottom:12px}.contact .pill{padding:12px 18px}footer{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);padding:35px 5%;font-size:12px}footer .wordmark{color:var(--cyan);font-size:25px}footer p{margin:auto;font-size:11px;color:var(--muted)}.back-top span:last-child{margin-left:5px}.skip{position:fixed;top:-100px;background:var(--bg);padding:12px;z-index:10}.skip:focus{top:5px}
@media(min-width:1550px){body{max-width:1800px;margin:auto}.section{padding-top:40px;padding-bottom:40px}.gallery{min-height:420px}}
@media(max-width:1000px){.header{gap:13px}.header nav{gap:20px}.hero{height:550px}.hero-copy{width:49%}h1{font-size:48px}.hero-art{left:46%;right:-6%}.hero-art img{height:125%;top:-15%}.intro{font-size:14px}.project{gap:20px;grid-template-columns:34% 1fr}.project h3{font-size:20px}.gallery{min-height:390px}.manifesto{grid-template-columns:40% 1fr}.studio-mark{display:none}.thinking{grid-template-columns:27% 37% 1fr;gap:20px}.philosophy-copy,.contact{padding-left:20px}.thinking h2{font-size:29px}.category-art{height:160px}}
@media(max-width:700px){.header{padding:18px 6%;min-height:75px;flex-wrap:wrap;gap:12px}.wordmark{font-size:26px}.header nav{order:3;width:100%;justify-content:center;font-size:12px;gap:28px}.header-cta{display:none}.languages{margin-left:auto}.hero{height:auto;min-height:0;padding:28px 6% 0;display:flex;flex-direction:column}.hero-copy{width:100%}h1{font-size:clamp(40px,9.8vw,60px);letter-spacing:-2px}.intro{font-size:15px;max-width:420px}.hero-links{gap:10px;margin-top:20px}.pill{padding:11px 18px}.opening:before{background:linear-gradient(180deg,#feeaeeed,#feeaeecc 40%,#feeaee15 80%)}.hero-art{position:relative;inset:auto;width:113.64%;margin:22px 0 0 -6.82%;height:440px;overflow:hidden}.hero-art img{height:133%;top:-20%;left:2%;width:100%}.art-caption{right:5%;top:72%;font-size:9px;max-width:84px}.hero-bottom{position:relative;left:auto;bottom:auto;max-width:none;font-size:10px;padding:18px 0}.section{padding:28px 6%}.project{grid-template-columns:1fr;gap:22px}.project h2{font-size:48px}.project h3{font-size:23px;max-width:420px}.project p:not(.eyebrow){font-size:15px}.gallery{height:340px;min-height:0;gap:7px;grid-template-columns:1.1fr 1fr 1fr}.manifesto{grid-template-columns:1fr;gap:22px}.manifesto h2{font-size:36px}.manifesto-copy{font-size:15px}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-art{height:170px}.category:last-child{grid-column:1/-1}.category:last-child .category-art{height:135px}.category h3{font-size:15px}.territories>.eyebrow,.note{margin-left:0}.thinking{grid-template-columns:1fr;gap:20px}.thinking h2{font-size:34px}.philosophy-copy,.contact{margin-top:0;border-left:0;padding-left:0}.philosophy-copy p,.contact p{font-size:15px}.contact{padding-top:22px;border-top:1px solid var(--line)}.contact h3{font-size:23px;max-width:360px}footer{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:28px 6%}footer p{margin:0;text-align:right}footer .back-top{text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.object{position:relative;filter:drop-shadow(9px 14px 8px #665f4933)}.object-1{width:100px;height:135px;border-radius:55px 55px 5px 5px;border:26px solid #7aeafe;border-bottom:0;background:transparent}.object-2{width:112px;height:31px;border-radius:12px 12px 5px 5px;background:#76bfd0;box-shadow:0 -49px 0 -2px #93dce9}.object-2:before,.object-2:after{content:'';position:absolute;width:10px;height:68px;top:25px;background:#548f9a}.object-2:before{left:9px;transform:rotate(8deg)}.object-2:after{right:9px;transform:rotate(-8deg)}.object-3{width:106px;height:106px;border:19px solid #98c6c3;border-radius:50%;transform:rotate(-30deg)}.object-3:before{content:'';position:absolute;top:-31px;left:20px;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#e7b7c6,#a75c79)}.object-4{width:120px;height:120px;background:#7aeafe;clip-path:polygon(50% 0,100% 100%,0 100%)}.object-4:after{content:'';width:54px;height:54px;background:#112019;border-radius:50%;position:absolute;top:58px;left:33px}

/* The watch belongs to the entire opening, not a clipped box below the header. */
.opening{overflow:hidden}
@media(min-width:701px){
 .header{border-bottom:0}
 .hero{position:static;overflow:visible}
 .hero-art{inset:0 -2% 0 43%;overflow:visible}
 .hero-art img{height:118%;top:-9%;width:100%;object-fit:contain}
 .hero-bottom{bottom:26px}
 .art-caption{top:66%}
}
@media(min-width:701px) and (max-width:1000px){
 .hero-art{left:46%;right:-6%}
 .hero-art img{height:112%;top:-6%}
}
@media(max-width:700px){
 .hero-art{height:480px;overflow:visible}
 .hero-art img{height:100%;top:0;left:2%;object-fit:contain}
}

/* Five individual transparent product photographs on one consistent studio set. */
.studio-gallery{grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));height:440px;min-height:0;gap:10px}
.studio-gallery figure{background:radial-gradient(ellipse at 45% 28%,#f9e8e9 0%,#e8c6cd 58%,#c998a5 100%);isolation:isolate}
.studio-gallery .gallery-main:after{content:'';position:absolute;bottom:3%;left:18%;right:18%;height:5%;background:radial-gradient(ellipse,#80556545,transparent 70%);z-index:-1}
.studio-gallery img{position:relative;inset:auto;display:block;width:100%;height:100%;max-width:100%;padding:0;object-fit:cover;object-position:center;filter:drop-shadow(3px 6px 7px #794a5b25)}
.studio-gallery .gallery-main img{object-fit:contain;padding:14px 5px}
.studio-gallery .side img{object-fit:contain;padding:7px}
.studio-gallery .colors img{object-fit:contain;padding:4px}
@media(min-width:1550px){.studio-gallery{height:510px}}
@media(min-width:701px) and (max-width:1000px){.studio-gallery{height:420px}}
@media(max-width:700px){.studio-gallery{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:9px}.studio-gallery .gallery-main{grid-column:1/-1;grid-row:auto;height:410px}.studio-gallery .detail{height:210px}.studio-gallery .gallery-main img{padding:16px}}
@media(max-width:380px){.studio-gallery .detail{height:180px}}

/* Tighter editorial crops for the side profile and color collection. */
.studio-gallery .side img{object-fit:cover;object-position:40% 50%;padding:0;transform:scale(1.65);transform-origin:43% 50%;filter:none}
.studio-gallery .colors img{object-fit:cover;object-position:50% 51%;padding:0;transform:scale(1.22);transform-origin:50% 53%}

/* Original Merlyn projects in the selected explorations row. */
.category.art-0 .category-art,.category.art-2 .category-art{background:#fff}
.category.art-1 .category-art{background:#eae5de}
.category.art-0 .category-art img,.category.art-1 .category-art img,.category.art-2 .category-art img{width:100%;height:100%;transform:none;object-position:center}
.category.art-0 .category-art img{object-fit:cover;object-position:50% 44%}
.category.art-1 .category-art img{object-fit:cover;object-position:50% 48%}
.category.art-2 .category-art img{object-fit:contain;padding:5px}

/* Category names sit on the images; no separate caption strip. */
.territories .category{position:relative}
.territories .category h3{position:absolute;left:0;right:0;bottom:0;z-index:2;margin:0;padding:12px 14px;line-height:1.3;background:none;pointer-events:none}
.territories .category.art-0 h3,.territories .category.art-1 h3,.territories .category.art-2 h3{color:#112019;text-shadow:0 1px 3px rgba(255,255,255,.85)}
.territories .category.art-3 h3,.territories .category.art-4 h3{color:#7aeafe;text-shadow:0 1px 3px rgba(17,32,25,.8)}

/* Show complete products, matching the Furniture framing. */
.territories .category.art-0 .category-art img,
.territories .category.art-1 .category-art img{
 width:100%;height:100%;object-fit:contain;object-position:center;
 transform:none;padding:8px 8px 26px;
}

/* Explicit image bounds prevent intrinsic image dimensions from expanding grid rows. */
.territories .category.art-0 .category-art,
.territories .category.art-1 .category-art{position:relative;display:block;min-width:0;min-height:0}
.territories .category.art-0 .category-art img,
.territories .category.art-1 .category-art img{
 position:absolute;top:8px;left:8px;
 width:calc(100% - 16px);height:calc(100% - 38px);
 min-width:0;min-height:0;max-width:100%;max-height:100%;
 object-fit:contain;object-position:center;transform:none;padding:0;
}

/* Cohesive studio photography surfaces, keeping the section's brand colors. */
.territories .category .category-art{position:relative;display:block;height:230px;background:radial-gradient(ellipse at 46% 22%,#f7f5f1 0%,#e4e1dc 54%,#c7c5c1 100%);isolation:isolate}
.territories .category .category-art:after{content:'';position:absolute;z-index:0;left:14%;right:14%;bottom:21px;height:17px;background:radial-gradient(ellipse,#45453b35,transparent 70%);pointer-events:none}
.territories .category .category-art img{position:absolute;z-index:1;min-width:0;min-height:0;max-width:none;max-height:none;object-fit:contain;object-position:center;transform:none;padding:0;filter:drop-shadow(5px 9px 7px #39383024)}
.territories .category.art-0 .category-art img{width:100%;height:119%;left:0;top:-11%}
.territories .category.art-1 .category-art img{width:94%;height:88%;left:3%;top:2%}
.territories .category.art-2 .category-art img{width:96%;height:87%;left:2%;top:0}
.territories .category h3{color:#112019;text-shadow:0 1px 3px #ffffffb0}
.territories .category .object{position:absolute;z-index:1;left:50%;top:45%;transform:translate(-50%,-50%)}
@media(max-width:1000px) and (min-width:701px){.territories .category .category-art{height:200px}}
@media(max-width:700px){.territories .category .category-art{height:220px}.territories .category:last-child .category-art{height:180px}}

.territories .category.art-3 h3,.territories .category.art-4 h3{color:#112019;text-shadow:0 1px 3px #ffffffb0}

/* Vancouver: precisely 15% smaller, preserving the existing image center. */
.territories .category.art-0 .category-art img{transform:scale(.85);transform-origin:center}
.territories .category.art-3 .category-art img{width:94%;height:85%;left:3%;top:2%;object-fit:contain;object-position:center;padding:0;transform:none}

/* Product bases meet their contact shadows on a common studio floor. */
.territories .category.art-0 .category-art{background:radial-gradient(ellipse at 45% 20%,#f2e8d7 0%,#d8c8ae 65%,#baa88d 100%)}
.territories .category.art-1 .category-art{background:radial-gradient(ellipse at 45% 20%,#e8edde 0%,#cdd6be 65%,#aebba0 100%)}
.territories .category.art-2 .category-art{background:radial-gradient(ellipse at 45% 20%,#f5e9df 0%,#e0cbbd 65%,#c7ae9f 100%)}
.territories .category.art-3 .category-art{background:radial-gradient(ellipse at 45% 20%,#e3e4e8 0%,#b9bec5 65%,#929ca6 100%)}
.territories .category.art-4 .category-art{background:radial-gradient(ellipse at 45% 20%,#daf5f3 0%,#aed9d8 65%,#8ebcbe 100%)}
.territories .category .category-art img{top:auto;bottom:30px;object-fit:contain;object-position:center bottom;transform:none;padding:0}
.territories .category.art-0 .category-art img{width:92%;height:calc(100% - 36px);left:4%;top:auto;bottom:28px;transform:none;object-position:center bottom}
.territories .category.art-1 .category-art img{width:94%;height:calc(100% - 40px);left:3%;top:auto;bottom:28px}
.territories .category.art-2 .category-art img{width:96%;height:calc(100% - 40px);left:2%;top:auto;bottom:25px}
.territories .category.art-3 .category-art img{width:94%;height:calc(100% - 40px);left:3%;top:auto;bottom:24px}
.territories .category .category-art:after{bottom:27px;left:18%;right:18%;height:10px;z-index:0;background:radial-gradient(ellipse,rgba(38,37,30,.33) 0%,rgba(38,37,30,.14) 38%,transparent 72%)}
.territories .category.art-0 .category-art:after{left:30%;right:26%;bottom:28px;height:9px}
.territories .category.art-1 .category-art:after{left:20%;right:20%;bottom:27px;height:11px}
.territories .category.art-2 .category-art:after{left:7%;right:7%;bottom:28px;height:10px;background:radial-gradient(ellipse at 17% 50%,#57403050,transparent 22%),radial-gradient(ellipse at 81% 50%,#57403040,transparent 20%)}
.territories .category.art-3 .category-art:after{left:20%;right:20%;bottom:28px;height:10px}
.territories .category.art-4 .object{top:auto;bottom:32px;left:50%;transform:translateX(-50%)}
.territories .category.art-4 .category-art:after{left:25%;right:25%;bottom:27px;height:10px}

/* Real studio contact shadows are part of these photographs. */
.territories .category.art-2 .category-art:after,
.territories .category.art-3 .category-art:after{display:none}
.territories .category.art-2 .category-art img,
.territories .category.art-3 .category-art img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;transform:none;padding:0;filter:none}

.territories .category .category-art{height:auto;aspect-ratio:6/5}.territories .category:last-child .category-art{height:auto}

/* Kodos rests on the photographed floor; remove detached CSS shadows. */
.territories .category.art-1 .category-art:after{display:none}
.territories .category.art-1 .category-art img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;transform:none;padding:0;filter:none}

/* On narrow screens the featured full-width category is Watches. */
@media(max-width:700px){
 .territories .category-grid .category:last-child{grid-column:auto}
 .territories .category-grid .category.art-0{grid-column:1/-1}
 .territories .category.art-0 .category-art{aspect-ratio:1.6}
}

/* Approved GUM story: keep the longer copy readable alongside the gallery. */
.project-copy p.gum-closing{font-weight:700;color:var(--cyan)}
@media(min-width:1001px){.project{grid-template-columns:minmax(0,38%) minmax(0,1fr);align-items:start}.project .studio-gallery{height:clamp(480px,48vw,660px)}}

/* Rocklight includes its original photographed studio floor and contact shadow. */
.territories .category.art-4 .category-art{background:#f4f1ef}
.territories .category.art-4 .category-art:after{display:none}
.territories .category.art-4 .category-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;padding:0;filter:none}
.studio-gallery .gallery-main picture{display:block;width:100%;height:100%}
@media(min-width:1001px){
 .studio-gallery .gallery-main{background:#fff}
 .studio-gallery .gallery-main:after{display:none}
 .studio-gallery .gallery-main img{object-fit:contain;padding:0;filter:none}
}

/* Updated Vancouver photograph, with studio contact shadow already included. */
.territories .category.art-0 .category-art{aspect-ratio:6/5;height:auto}
.territories .category.art-0 .category-art:after{display:none}
.territories .category.art-0 .category-art img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center;transform:none;padding:0;filter:none}
