:root{--ink:#25182c;--plum:#562c5a;--berry:#d13c6c;--cream:#faf4f7;--paper:#fffdfc;--muted:#766a77;--line:#eadde5;--serif:'Inter',Arial,sans-serif;--sans:'Inter',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.skip{position:absolute;left:-999px;top:8px;z-index:5;padding:12px;background:white}.skip:focus{left:8px}.header{height:82px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;background:var(--cream);border-bottom:1px solid rgba(37,24,44,.12)}.brand{display:flex;align-items:center;gap:10px}.brand>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--plum);color:white;font:italic 16px var(--serif)}.brand b{font-size:10px;line-height:1.25;letter-spacing:.1em}.brand small{display:block;margin-top:3px;font-size:8px;font-weight:500;letter-spacing:.16em}.header nav{display:flex;align-items:center;gap:34px;font-size:11px}.header nav>a:not(.nav-cta):hover,footer>a:hover{color:var(--plum)}.nav-cta{padding:10px 17px;border:1px solid var(--plum);border-radius:30px}.nav-cta span,.button span,.text-link span,.service-contact span{margin-left:9px}.hero{position:relative;min-height:650px;padding:72px 10vw 78px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:7%;overflow:hidden;background:var(--cream)}.hero-copy{position:relative;z-index:1;padding:8px 0}.eyebrow{margin:0;color:var(--plum);font-size:9px;letter-spacing:.15em;font-weight:700}.hero .eyebrow{display:flex;align-items:center;gap:9px}.hero .eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--berry)}h1,h2,p{margin-top:0}.hero h1{margin:25px 0 18px;font:500 clamp(54px,7vw,92px)/.98 var(--serif);letter-spacing:-.065em}.hero h1 em,.intro h2 em,.portfolio h2 em,.services h2 em,.closing h2 em{color:var(--plum);font-weight:500}.hero .lead{max-width:340px;margin:0 0 24px;color:var(--muted);font-size:13px;line-height:1.85}.button{display:inline-flex;align-items:center;padding:14px 20px;border-radius:30px;background:var(--plum);color:white;font-size:10px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#562c5a}.hero-note{margin:28px 0 0;font-size:8px;letter-spacing:.18em;color:var(--muted)}.hero-image{position:relative;margin:0;min-height:470px;overflow:visible}.hero-image>img{display:block;width:100%;height:470px;object-fit:cover;object-position:42% center;border-radius:48% 48% 4px 4px}.hero-image figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:12px 14px;background:var(--paper);font-size:8px;letter-spacing:.11em}.hero-image figcaption b{color:var(--plum)}.image-stamp{position:absolute;right:-28px;top:48px;display:grid;place-items:center;width:89px;height:89px;border-radius:50%;background:var(--berry);color:white;text-align:center;font:italic 16px/.94 var(--serif);transform:rotate(9deg)}.hero-index{position:absolute;left:2.5vw;bottom:38px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;letter-spacing:.16em;color:var(--muted)}.hero-index b{color:var(--berry)}.ticker{overflow:hidden;background:var(--plum);color:white;white-space:nowrap}.ticker>div{width:max-content;padding:11px 0;animation:drift 32s linear infinite;font-size:9px;letter-spacing:.17em}.ticker i{margin:0 32px;color:#d989a8;font-style:normal}@keyframes drift{to{transform:translateX(-50%)}}.intro{padding:112px 14vw 118px;background:var(--paper)}.intro h2{margin:26px 0 32px;font:500 clamp(38px,5.4vw,68px)/1.1 var(--serif);letter-spacing:-.05em}.intro-bottom{display:grid;grid-template-columns:1fr 2.3fr;align-items:center;gap:24px}.scribble{color:var(--berry);font:64px/1 var(--serif)}.intro-bottom p{max-width:490px;margin:0;color:var(--muted);font-size:13px;line-height:1.9}.intro-bottom a,.text-link,.service-contact{display:inline-block;justify-self:start;margin-top:18px;padding-bottom:5px;border-bottom:1px solid var(--berry);font-size:10px;font-weight:600}.portfolio{padding:88px 9vw 76px;background:#f5ecf2}.portfolio-top{display:flex;justify-content:space-between;align-items:center}.portfolio-top>span{font-size:8px;letter-spacing:.14em;color:var(--muted)}.portfolio-main{position:relative;display:grid;grid-template-columns:.75fr 1.1fr .68fr;align-items:center;gap:5%;min-height:475px;padding:55px 0 35px}.portfolio-title h2{margin:0 0 17px;font:500 clamp(45px,6vw,76px)/1 var(--serif);letter-spacing:-.06em}.portfolio-title>p{max-width:230px;color:var(--muted);font-size:12px}.text-link{margin-top:13px}.portfolio-photo{margin:0;position:relative;height:385px}.portfolio-photo img{width:100%;height:100%;object-fit:cover;object-position:68% center;border-radius:2px}.portfolio-photo figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:9px 11px;background:var(--paper);display:flex;justify-content:space-between;font-size:7px;letter-spacing:.11em}.portfolio-photo figcaption span{color:var(--plum)}.palette-card{align-self:end;padding:20px 17px 18px;background:var(--berry);color:var(--ink);transform:rotate(2deg)}.palette-card>span{font-size:7px;letter-spacing:.14em}.swatches{display:flex;margin:15px 0 18px}.swatches i{width:27px;height:27px;margin-right:-4px;border:2px solid var(--berry);border-radius:50%;background:#562c5a}.swatches i:nth-child(2){background:#e8c1d2}.swatches i:nth-child(3){background:#faf4f7}.swatches i:nth-child(4){background:#271e29}.palette-card>b{display:block;font:500 23px/1.15 var(--serif)}.palette-card>b em{color:white;font-weight:500}.palette-card>span:last-child{display:block;margin-top:20px}.portfolio-note{margin:8px 0 0;text-align:right;color:var(--muted);font-size:9px}.services{padding:112px 12vw 122px;display:grid;grid-template-columns:.75fr 1.25fr;gap:10%;background:var(--paper)}.services-heading h2{margin:23px 0 19px;font:500 clamp(42px,5.6vw,72px)/1.02 var(--serif);letter-spacing:-.055em}.services-heading>p:not(.eyebrow){max-width:270px;color:var(--muted);font-size:12px;line-height:1.85}.service-contact{margin-top:10px}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:35px 1fr 22px;gap:16px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start}.service-list article>span{padding-top:5px;color:var(--berry);font-size:9px}.service-list h3{margin:0 0 5px;font:500 20px var(--serif)}.service-list article p{max-width:380px;margin:0;color:var(--muted);font-size:11px}.service-list article>i{color:var(--plum);font-style:normal}.service-footnote{margin:15px 0 0;color:var(--muted);font-size:9px}.closing{position:relative;isolation:isolate;overflow:hidden;padding:100px 20px 75px;text-align:center;background:var(--plum);color:white}.closing-orbit{position:absolute;z-index:-1;right:7%;top:4%;font:italic clamp(180px,34vw,450px)/1 var(--serif);letter-spacing:-.12em;color:rgba(255,255,255,.065)}.closing .eyebrow{color:#f1d9e3}.closing h2{margin:25px auto 16px;font:500 clamp(48px,7vw,84px)/1.02 var(--serif);letter-spacing:-.06em}.closing h2 em{color:#f1d9e3}.closing>p:not(.eyebrow){max-width:380px;margin:0 auto 25px;color:rgba(255,255,255,.8);font-size:12px}.button-light{background:var(--cream);color:var(--ink)}.button-light:hover{background:white}.handle{display:block;width:max-content;margin:28px auto 0;padding-bottom:3px;border-bottom:1px solid rgba(255,255,255,.5);font-size:10px;letter-spacing:.06em}footer{min-height:82px;padding:18px 7vw;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--cream);font-size:9px;color:var(--muted)}footer .brand{color:var(--ink)}footer .brand>span{width:30px;height:30px;font-size:13px}footer>a:hover{color:var(--plum)}@media(max-width:760px){.header{height:72px;padding:0 6vw}.header nav{gap:16px;font-size:9px}.header nav>a:first-child{display:none}.header nav .nav-cta{padding:8px 12px}.brand>span{width:32px;height:32px}.brand b{font-size:9px}.hero{min-height:0;padding:46px 8vw 55px;grid-template-columns:1fr;gap:30px}.hero h1{font-size:clamp(54px,13vw,78px);margin:20px 0 14px}.hero .lead{max-width:400px}.hero-image{min-height:0;margin-right:5vw}.hero-image>img{height:min(110vw,500px)}.image-stamp{width:76px;height:76px;right:-17px;font-size:14px}.hero-index{display:none}.ticker>div{font-size:8px}.ticker i{margin:0 20px}.intro{padding:75px 9vw 82px}.intro h2{font-size:clamp(39px,9vw,57px)}.intro-bottom{grid-template-columns:34px 1fr;gap:13px}.scribble{font-size:40px}.intro-bottom p{font-size:12px}.intro-bottom a{grid-column:2}.portfolio{padding:70px 7vw 54px}.portfolio-top>span{max-width:140px;text-align:right;font-size:7px}.portfolio-main{grid-template-columns:1fr 1fr;gap:18px 5%;min-height:0;padding:36px 0 23px}.portfolio-title{grid-column:1/-1}.portfolio-title h2{font-size:56px}.portfolio-title>p{max-width:280px}.portfolio-photo{height:330px;grid-column:1}.palette-card{grid-column:2;align-self:end;margin-bottom:18px;padding:16px 13px}.palette-card>b{font-size:20px}.portfolio-note{text-align:left;font-size:8px}.services{padding:77px 9vw 85px;grid-template-columns:1fr;gap:31px}.services-heading h2{font-size:57px}.service-list article{grid-template-columns:28px 1fr 18px;gap:11px;padding:19px 0}.closing{padding:78px 22px 63px}.closing h2{font-size:59px}.closing-orbit{right:0;top:15%}footer{padding:23px 7vw;justify-content:center;flex-wrap:wrap}footer .brand{width:100%;justify-content:center}footer span{width:100%;text-align:center}}@media(max-width:410px){.header nav{gap:11px}.header nav>a:nth-child(2){display:none}.header nav .nav-cta{font-size:8px}.portfolio-photo{height:285px}.service-list h3{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker>div{animation:none}}

/* Hero photo comes from the TMO gallery feed. */
.hero{isolation:isolate;grid-template-columns:1fr;background:#271e29;color:#fff}
.hero-background{position:absolute;z-index:0;inset:0;margin:0;overflow:hidden}
.hero-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.hero::before{content:"";position:absolute;z-index:1;inset:0;background:rgba(0,0,0,.34);pointer-events:none}
.hero-copy,.hero-index{z-index:2}
.hero .eyebrow,.hero h1 em{color:#f1d9e3}
.hero .lead,.hero-note{color:rgba(255,255,255,.88)}
.hero .button{background:var(--berry)}
.hero .button:hover{background:#b51e4e}
.hero .eyebrow i{background:#f1d9e3}
@media(max-width:760px){.hero{grid-template-columns:1fr}.hero-copy{max-width:650px}}

.closing-actions .button{justify-content:center}
@media(min-width:761px){
  .hero{min-height:640px;padding:58px 9vw;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6%;background:var(--cream);color:var(--ink)}
  .hero::before{display:none}
  .hero-copy{grid-column:1;grid-row:1;max-width:560px}
  .hero h1 em{color:var(--plum)}
  .hero .eyebrow{color:var(--plum)}
  .hero .eyebrow i{background:var(--berry)}
  .hero .lead,.hero-note{color:var(--muted)}
  .hero-background{position:relative;grid-column:2;grid-row:1;inset:auto;width:100%;height:clamp(420px,43vw,560px);align-self:center;border-radius:46% 46% 4px 4px}
  .hero-background img{object-position:center 38%}
}
