/* SkinTech — material, human, precise. */
:root{--cream:#f5f4f0;--navy:#173856;--deep:#102c43;--pad:clamp(24px,5vw,88px)}
body{font-family:'DM Sans',Arial,sans-serif}h1,h2,h3{letter-spacing:-.055em}.serif{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit}.eyebrow:before{display:none}.eyebrow{font-weight:400;letter-spacing:.1em}.header{height:96px;border:0}.brand img{height:auto!important;object-fit:contain;width:205px}.footer-logo{width:270px;height:auto!important;object-fit:contain;filter:none}.nav{font-size:12px;gap:28px}.nav .nav-cta{border:0;border-bottom:1px solid var(--navy);padding:8px 0;margin-left:10px}.nav-cta:before{content:'';display:inline-block;border-radius:50%;background:currentColor;width:5px;height:5px;margin-right:10px}.button{background:transparent;border:0;border-bottom:1px solid currentColor;padding:13px 0;gap:24px;font-weight:500}.button:after{content:'';width:8px;height:8px;border:1px solid currentColor;border-radius:50%;transition:background .25s}.button:hover{background:transparent;transform:none}.button:hover:after{background:currentColor}.text-link{gap:20px;border-bottom-color:#17385655;transition:border-color .3s}.text-link:hover{border-bottom-color:currentColor}.text-link:after{content:'';width:6px;height:6px;border-radius:50%;border:1px solid currentColor;align-self:center;transition:background .3s}.text-link:hover:after{background:currentColor}.back-top{width:auto;height:auto;padding:8px 16px;font-size:10px}.cta{background:var(--cream)}.cta .button{color:var(--navy);background:transparent}.cta h2{font-size:48px}.page-hero{background:var(--cream);color:var(--navy);border-top:1px solid #17385630;padding-top:62px}.page-hero h1{max-width:1100px}.page-hero p{color:var(--muted)}.breadcrumb{color:var(--muted)}.footer{padding-top:65px}.footer-main{padding-bottom:60px}.footer-main>div:first-child p{margin-top:35px}.contact-option:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}.small-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:30px}.quiet-link{font-size:13px;display:inline-flex;align-items:center;gap:22px;padding:12px 0;white-space:normal}.link-line{display:inline-block;width:36px;height:1px;background:currentColor;transition:width .3s}.quiet-link:hover .link-line{width:62px}.editorial-hero{padding:20px var(--pad) 0}.hero-note{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.03em;padding:0 0 36px;border-top:1px solid #17385640;padding-top:16px}.editorial-hero h1{font-size:clamp(65px,12.4vw,205px);font-weight:400;line-height:.86;letter-spacing:-.075em;margin:13px 0 35px}.editorial-hero h1>span{display:block;font-size:.69em;letter-spacing:-.065em;padding-left:23%;margin-top:14px}.hero-introduction{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px;padding-left:23%;gap:30px}.hero-introduction p{font-size:13px;line-height:1.5}.hero-introduction .quiet-link{flex-shrink:0}.material-window{position:relative;height:clamp(370px,40vw,650px);overflow:hidden;background:var(--navy)}.material-window>img{width:100%;height:100%;object-fit:cover;object-position:50% 51%;animation:material-breathe 24s ease-in-out infinite alternate;will-change:transform}.material-caption{position:absolute;bottom:25px;left:28px;right:28px;display:flex;justify-content:space-between;color:white;font-size:10px;letter-spacing:.07em;text-shadow:0 1px 8px #000}.motion-toggle{position:absolute;right:25px;top:25px;color:white;font-size:10px;background:#102c4370;border:1px solid #ffffff60;padding:7px 12px}.perspective{display:grid;grid-template-columns:23% 77%;padding:125px var(--pad) 135px}.perspective-label{font-size:11px;padding-top:14px}.perspective h2{font-size:clamp(37px,4.55vw,72px);max-width:920px;line-height:1.13}.perspective-body{display:grid;grid-template-columns:1fr .75fr;gap:50px;align-items:end;margin-top:40px}.perspective-body p{font-size:15px;color:var(--muted);max-width:450px}.experience-study{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;padding:0 var(--pad) 130px}.experience-photo{height:690px;position:relative;overflow:hidden}.experience-photo img{width:100%;height:100%;object-fit:cover;object-position:60% center}.experience-photo>span{position:absolute;left:25px;bottom:22px;color:white;font-size:11px;text-shadow:0 1px 6px #172f43}.experience-words h2{font-size:clamp(31px,3.25vw,52px);line-height:1.13;letter-spacing:-.055em;margin-bottom:45px}.method-list{margin-bottom:25px}.method-list details{padding:20px 0;border-top:1px solid #17385640;border-bottom:0}.method-list summary{font-size:20px}.method-list summary:after{display:none}.method-list summary small{font-size:10px;font-family:monospace;letter-spacing:0}.method-list details p{font-size:14px;padding-right:25px;margin-top:15px}.method-list details[open] summary{color:#59809b}.product-chapter{background:#e6e9e6;padding:28px var(--pad) 70px}.product-chapter-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.05em;position:relative;padding:10px 0 30px;border-bottom:1px solid #17385630}.flower-spin{width:100px;height:100px;overflow:hidden;border-radius:50%;background:#ffc362;display:flex;justify-content:center;align-items:center}.flower-spin img{width:135px;max-width:none;height:auto;animation:flower-turn 30s linear infinite}.product-chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-top:60px}.product-chapter-copy h2{font-size:clamp(45px,5vw,80px);line-height:1.04;margin-bottom:35px}.product-chapter-copy h2 em{font-style:normal;color:#6f8c9b}.product-chapter-copy p{font-size:15px;max-width:380px;color:#526977}.product-chapter-copy>small{display:block;font-size:10px;margin-top:18px;color:#526977}.disc-button{display:inline-flex;gap:28px;align-items:center;background:var(--navy);color:white;padding:19px 26px;margin-top:33px;font-size:13px;position:relative;overflow:hidden}.disc-button i{width:10px;height:10px;border:1px solid white;border-radius:50%;transition:transform .4s,background .3s}.disc-button:hover i{transform:scale(1.5);background:white}.disc-button:hover{background:#244d6b}.booth-object{margin:0;position:relative;padding:15px 20px 30px}.booth-object>img{width:100%;height:520px;object-fit:contain}.booth-object figcaption{position:absolute;bottom:0;right:15px;font-size:10px;text-align:right;color:#536879;line-height:1.6}.hospitality-editorial{padding:135px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:9vw}.hospitality-title h2{font-size:clamp(42px,5.2vw,82px);line-height:1.06;margin-bottom:45px}.hospitality-detail img{width:100%;height:500px;object-fit:cover}.hospitality-detail p{font-size:14px;color:var(--muted);margin-top:28px;max-width:440px}.journal-strip{padding:65px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:9vw;border-top:1px solid #17385630}.journal-strip h2{font-size:45px}.journal-strip h3{font-size:30px;line-height:1.2;max-width:450px;margin:24px 0}.closing{padding:100px var(--pad) 115px;border-top:1px solid #17385630}.closing p{font-size:13px;margin-bottom:30px}.closing>a{font-size:clamp(44px,8.5vw,135px);line-height:1;letter-spacing:-.065em;display:flex;align-items:center;justify-content:space-between}.closing-dot{height:70px;width:70px;border-radius:50%;background:var(--yellow);transition:transform .5s}.closing>a:hover .closing-dot{transform:scale(.65)}.motion-paused .material-window>img,.motion-paused .flower-spin img{animation-play-state:paused}@keyframes flower-turn{to{transform:rotate(360deg)}}@keyframes material-breathe{from{transform:scale(1)}to{transform:scale(1.045) translate(-.5%,.5%)}}
@media(max-width:1050px){.nav{gap:18px}.brand img{width:180px}.perspective{grid-template-columns:18% 82%}.perspective-body{grid-template-columns:1fr}.experience-study{gap:5vw}.experience-photo{height:620px}.product-chapter-grid{gap:25px}.booth-object>img{height:460px}.flower-spin{height:80px;width:80px}.flower-spin img{width:110px}}
@media(max-width:850px){.header{height:84px}.nav{top:84px}.editorial-hero h1{font-size:12vw}.editorial-hero h1>span{padding-left:12%;font-size:.78em}.hero-introduction{padding-left:12%}.perspective{grid-template-columns:1fr;gap:28px;padding-top:80px;padding-bottom:85px}.perspective h2{font-size:49px}.perspective-body{grid-template-columns:1fr .65fr;gap:25px}.experience-study{grid-template-columns:1fr;gap:40px;padding-bottom:80px}.experience-photo{height:480px}.experience-words h2{font-size:45px}.product-chapter-copy h2{font-size:45px}.booth-object{padding:0}.booth-object>img{height:390px}.hospitality-editorial{gap:40px;padding-top:80px;padding-bottom:80px}.hospitality-title h2{font-size:44px}.hospitality-detail img{height:410px}.footer-logo{width:230px}.journal-strip h2{font-size:37px}.journal-strip h3{font-size:26px}}
@media(max-width:600px){.brand img{width:175px}.hero-note{font-size:9px;padding-bottom:25px;gap:20px}.hero-note>span:first-child{max-width:130px}.hero-note>span:last-child{max-width:105px;text-align:right}.editorial-hero{padding-top:0}.editorial-hero h1{font-size:12.1vw;letter-spacing:-.065em;margin:15px 0 26px}.editorial-hero h1>span{padding-left:0;font-size:.83em;margin-top:12px;letter-spacing:-.06em}.hero-introduction{padding-left:0;display:block;margin-bottom:24px}.hero-introduction p{font-size:13px}.hero-introduction .quiet-link{margin-top:12px}.material-window{height:390px;margin-left:calc(-1*var(--pad));margin-right:calc(-1*var(--pad))}.material-window>img{object-position:63% center}.material-caption{left:24px;right:24px;font-size:8px;gap:20px;bottom:20px}.motion-toggle{right:20px;top:20px}.perspective{padding-top:65px;padding-bottom:65px}.perspective h2{font-size:38px}.perspective-body{display:block;margin-top:25px}.perspective-body .quiet-link{margin-top:18px}.experience-photo{height:420px;margin-left:calc(-1*var(--pad));margin-right:calc(-1*var(--pad))}.experience-words h2{font-size:34px;margin-bottom:32px}.experience-study{padding-bottom:65px}.product-chapter{padding-top:20px;padding-bottom:50px}.product-chapter-top{font-size:9px;gap:12px}.product-chapter-top>span{max-width:100px}.product-chapter-top>span:last-child{text-align:right}.flower-spin{width:64px;height:64px;flex-shrink:0}.flower-spin img{width:90px}.product-chapter-grid{grid-template-columns:1fr;padding-top:40px;gap:20px}.product-chapter-copy h2{font-size:46px}.product-chapter-copy p{font-size:14px}.booth-object>img{height:420px}.booth-object figcaption{right:0}.hospitality-editorial{padding-top:65px;padding-bottom:65px;grid-template-columns:1fr;gap:35px}.hospitality-title h2{font-size:46px;margin-bottom:22px}.hospitality-detail img{height:430px}.journal-strip{grid-template-columns:1fr;gap:35px;padding-top:45px;padding-bottom:45px}.journal-strip article{border-top:1px solid #17385630;padding-top:25px}.journal-strip h2{font-size:35px}.journal-strip h3{font-size:27px}.closing{padding-top:60px;padding-bottom:65px}.closing>a{font-size:12vw}.closing-dot{width:28px;height:28px}.footer-logo{width:220px}.cta h2{font-size:38px}.page-hero h1{font-size:44px}.footer-main{gap:40px}}
@media(prefers-reduced-motion:reduce){.material-window>img,.flower-spin img{animation:none}.motion-toggle{display:none}.link-line,.disc-button i,.closing-dot{transition:none}}
@media(max-width:600px){.footer-main{grid-template-columns:1fr}.footer-main>div{min-width:0}.footer-links a{overflow-wrap:anywhere}}
