/* The attention room: an interactive portfolio, in ink, ivory and copper. */
.tm-home .site-header{background:#19161d;color:#f4eadb;border-color:#f3d6b51c}
.tm-home .site-header .wordmark,.tm-home .site-header .desktop-nav a,.tm-home .site-header .header-blog-link{color:#f4eadb}
.tm-home .site-header .wordmark>span{color:#deb28f}
.tm-home .site-header .world-menu-toggle{border-color:#e1bf9d50;color:#e7d4c0}
.tm-hero{--hero-progress:0;--hero-copper:#e4bb99;--hero-ivory:#f4eadb;background:#19161d;color:var(--hero-ivory);padding-top:118px;gap:20px}
.tm-hero:before{background:radial-gradient(ellipse at var(--hero-light-x,78%) var(--hero-light-y,43%),#b2735433 0,transparent 48%),radial-gradient(ellipse at 12% 85%,#65465430,transparent 55%),linear-gradient(120deg,#17171c,#21191f 58%,#21191a)}
.tm-hero:after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;box-shadow:inset 0 -80px 100px #120f132b;background:linear-gradient(90deg,transparent calc(50% - .5px),#efd2b00c 50%,transparent calc(50% + .5px))}
.tm-hero-top,.tm-hero-bottom{position:relative;z-index:2}
.tm-hero-top{color:#b09c8f;letter-spacing:.14em}
.tm-hero-grid{position:relative;z-index:1}
.tm-hero-lights{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
.tm-hero-lights>i{position:absolute;left:48%;top:-45%;height:150%;width:38%;background:linear-gradient(90deg,transparent,#d39c7230,transparent);transform-origin:50% 0;filter:blur(22px);opacity:.45;animation:tm-theatre-light 19s ease-in-out infinite}
.tm-hero-lights>i:last-child{left:78%;width:21%;background:linear-gradient(90deg,transparent,#9d7d9d20,transparent);animation-duration:25s;animation-delay:-9s;opacity:.6}
.tm-hero-copy{transform:perspective(1400px) rotateX(calc(var(--hero-progress)*5deg)) translateZ(calc(var(--hero-progress)*-60px));transform-origin:50% 40%}
.tm-hero-copy>.tm-kicker{color:#d7c4b0;letter-spacing:.14em}
.tm-hero-copy>.tm-kicker>i{background:#deb28f;box-shadow:0 0 0 5px #dca47b0e,0 0 16px #e3a56c60}
.tm-hero h1{color:#f4eadb;text-shadow:0 2px 30px #00000010}
.tm-hero h1>span:first-child{animation-delay:.12s}
.tm-hero h1>span:nth-child(2){animation-delay:.3s}
.tm-hero h1>em{color:#e4bb99;animation-delay:.48s}
.tm-signature-stroke path{stroke:#deaa82;stroke-width:1.2;opacity:.85}
.tm-hero-intro{color:#c2b4a7}
.tm-hero-actions .tm-button{position:relative;background:#e6c5a6;color:#251d20;border-color:#e6c5a6;box-shadow:inset 0 1px #fff4,0 9px 40px #0b070d33;transition:background .35s,box-shadow .35s}
.tm-hero-actions .tm-button:hover{background:#f0d9bf;border-color:#f0d9bf;box-shadow:inset 0 1px #fff8,0 13px 45px #0b070d55}
.tm-hero-actions .tm-text-link{color:#e4cbb3;border-color:#cfb08e78}
.tm-hero-showcase{--folio-open:0;--tm-stage-scale:.96}
.tm-hero-showcase.is-open,.tm-hero-showcase.is-dragging{--folio-open:1}
.tm-showcase-top{color:#bb9e87;align-items:center;min-height:44px;margin-inline:4px}
.tm-showcase-controls{display:flex;align-items:center;gap:19px}
.tm-showcase-controls>[data-proof-count]{font-size:8px;color:#dbb898;letter-spacing:.12em}
.tm-folio-next{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid #d7ad8452;color:#efd6ba;transition:background .4s,border-color .4s,rotate .8s var(--tm-ease);position:relative;flex-shrink:0}
.tm-folio-next:before{content:'';position:absolute;inset:-5px;border-radius:50%;border:1px solid #e7b88b18;border-top-color:#e7b88b62;animation:tm-control-orbit 10s linear infinite;pointer-events:none}
.tm-folio-next:hover{background:#e7b88b16;border-color:#e7c5a3a0;rotate:25deg}
.tm-folio-next>svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.tm-hero-showcase.is-turning .tm-folio-next>svg{animation:tm-control-turn 1s var(--tm-ease)}
.tm-scene{height:410px;animation:tm-gallery-enter 2s var(--tm-ease) both;perspective:1450px}
.tm-scene:before{inset:19% -5% -1%;border-color:#e1b18a24;transform:rotateX(72deg) rotateZ(-11deg)}
.tm-scene:after{content:'';position:absolute;inset:65% -10% -8%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#be885224,transparent 65%);transform:rotateX(65deg)}
.tm-scene-shadow{background:#0008;height:28px;filter:blur(25px);bottom:12px}
.tm-pieces{animation-name:tm-gallery-camera;animation-duration:16s;top:49%}
.tm-piece{box-shadow:0 27px 38px #08050c55,0 1px 0 #e7d7b850;transition:transform 1.25s var(--tm-ease),opacity 1s,filter 1s;animation-duration:7.5s}
.tm-piece.is-front{transform:translate3d(0,calc(var(--hero-progress)*-15px),100px) rotateX(5deg) rotateY(-12deg) rotateZ(-4deg);opacity:1;filter:brightness(1.04)}
.tm-piece.is-back-left{transform:translate3d(calc(-94px - var(--folio-open)*26px),calc(-28px - var(--folio-open)*14px),-160px) rotateX(8deg) rotateY(26deg) rotateZ(calc(-18deg - var(--folio-open)*5deg));opacity:.64;filter:brightness(.85)}
.tm-piece.is-back-right{transform:translate3d(calc(106px + var(--folio-open)*27px),calc(27px + var(--folio-open)*12px),-220px) rotateX(-6deg) rotateY(-25deg) rotateZ(calc(17deg + var(--folio-open)*5deg));opacity:.6;filter:brightness(.85)}
.tm-piece-social{background:#24443d;outline-color:#75938338}
.tm-piece-editorial{background:#f0e5d3;box-shadow:0 23px 40px #07050d66,0 1px 0 #fff9}
.tm-piece-files{background:#402632;box-shadow:16px 25px 42px #08050e66}
.tm-piece-files:after{content:none}
.tm-book-inside{position:absolute;inset:5px 4px 7px 7px;background:linear-gradient(90deg,#c5b295,#f4e7cc 12%,#e4d3b5);color:#644136;padding:31px 25px;transform:translateZ(5px);box-shadow:inset 8px 0 14px #5d343420}
.tm-book-inside>small{font:500 6px/1.5 var(--sans);letter-spacing:.12em}
.tm-book-inside>strong{display:block;font:400 38px/1.04 var(--serif);letter-spacing:-.03em;margin-top:69px}
.tm-book-inside>strong em{color:#a46e53}
.tm-book-inside>span{position:absolute;left:25px;bottom:30px;font:500 5px/1.6 var(--sans);letter-spacing:.08em}
.tm-book-leaf{position:absolute;inset:6px 5px 8px 8px;background:linear-gradient(90deg,#e6d6bb,#f2e7d0);border:1px solid #ad95765c;transform:translateZ(8px) rotateY(-1deg);transform-origin:left center;transition:transform 1.6s var(--tm-ease);box-shadow:3px 2px 6px #140a1126}
.tm-book-front{transform-origin:left center;transform:translateZ(12px) rotateY(-2deg);transition:transform 1.6s .12s var(--tm-ease);backface-visibility:hidden;background:linear-gradient(130deg,#884756,#572a3f 55%,#6f3644);border-color:#bc887466;box-shadow:inset 5px 0 10px #16081555,2px 0 0 #a77e63}
.tm-book-front:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#e9c7a52c 48%,transparent 65%);background-size:280% 100%;animation:tm-paper-sheen 10s ease-in-out infinite;opacity:.65}
.tm-piece-files.is-front{filter:none;transform:translate3d(0,calc(12px + var(--hero-progress)*-15px),100px) rotateX(5deg) rotateY(-12deg) rotateZ(-4deg) scale(.78)}
.tm-piece-files.is-front .tm-book-front{transform:translateZ(12px) rotateY(calc(-22deg - var(--folio-open)*6deg))}
.tm-piece-files.is-front .tm-book-leaf{transform:translateZ(8px) rotateY(-13deg)}
.tm-book-front>small,.tm-book-front>span{color:#dbc3a8}
.tm-book-front>strong{color:#f0dfc7}
.tm-book-front>strong em,.tm-book-front>b{color:#e5b896}
.tm-book-spine{background:#3b2030;color:#cfb59b}
.tm-stage-curtain{position:absolute;top:4%;bottom:3%;width:50%;z-index:9;pointer-events:none;background:linear-gradient(110deg,#241d25,#19161d);border:1px solid #d3ad8120;opacity:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden}
.tm-stage-curtain>span{font:400 7px/1.7 var(--sans);letter-spacing:.2em;color:#c6a789;writing-mode:vertical-rl}
.tm-stage-curtain.curtain-left{left:-2%;transform-origin:left;transform:translateX(-104%) rotateY(-70deg);animation:tm-curtain-left 1.9s .2s var(--tm-ease) both}
.tm-stage-curtain.curtain-right{right:-2%;transform-origin:right;transform:translateX(104%) rotateY(70deg);animation:tm-curtain-right 1.9s .2s var(--tm-ease) both}
.tm-explore-cue{color:#b39b87;font-size:7px;margin-top:8px;letter-spacing:.09em;gap:11px}
.tm-explore-cue>span:first-child{color:#e5bd9b}
.tm-proof-tabs{gap:30px;margin-top:5px}
.tm-proof-tabs>button{color:#af9d8d;min-height:44px;font-size:10px}
.tm-proof-tabs>button[aria-selected=true]{color:#f2dec4}
.tm-proof-tabs>button:after{background:#dba776;height:1px}
.tm-hero-proof{border-color:#d7ac7d2e;padding-top:16px;margin-top:9px;min-height:104px}
.tm-hero-proof>span{color:#bba18c;font-size:7px}
.tm-hero-proof strong{color:#f2e1cb;font-size:24px}
.tm-hero-proof>a>span{width:32px;height:32px;border:1px solid #dab08b55;border-radius:50%;display:grid;place-items:center;font-size:20px;color:#e3c2a1;transition:background .4s,rotate .4s;flex-shrink:0}
.tm-hero-proof>a:hover>span{background:#d5aa7d20;rotate:45deg}
.tm-hero-proof>p{color:#b8a695;font-size:11px;max-width:49ch}
.tm-hero-bottom{border-color:#d7ac7d2b;padding-top:20px;margin-top:10px}
.tm-hero-bottom:before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:#e3b98c;transform:scaleX(var(--hero-progress));transform-origin:left;pointer-events:none}
.tm-person-link{color:#e5d2bc}
.tm-person-link>img{border:1px solid #dbb28b65;filter:saturate(.72)}
.tm-person-link>span em{color:#bb987b}
.tm-down{color:#c0a48a;font-size:8px}
.tm-hero-bottom .motion-toggle{color:#c6ae94;font-size:9px;min-height:44px;padding:10px}
.tm-discipline-ribbon{background:#dfbd9f;color:#241d20;border-color:#bea18b;padding-block:18px}
.tm-discipline-ribbon i{color:#744635}
.tm-hero button:focus-visible,.tm-hero a:focus-visible,.tm-home .site-header a:focus-visible{outline:2px solid #edc99e;outline-offset:6px}
@keyframes tm-theatre-light{0%,100%{transform:rotate(19deg) translateX(-8%)}50%{transform:rotate(-12deg) translateX(13%)}}
@keyframes tm-control-orbit{to{rotate:360deg}}
@keyframes tm-control-turn{to{rotate:180deg}}
@keyframes tm-gallery-enter{from{opacity:0;transform:perspective(1400px) rotateX(8deg) rotateY(-25deg) scale(.76) translateZ(-100px)}to{opacity:1;transform:none}}
@keyframes tm-gallery-camera{0%,100%{transform:translate(-50%,-50%) scale(calc(var(--tm-stage-scale,1)*(1 + var(--hero-scroll)*.08))) rotateX(calc(var(--hero-rx) + 4deg + var(--hero-scroll)*8deg)) rotateY(calc(var(--hero-ry) + var(--hero-drag) - 10deg + var(--hero-scroll)*-23deg)) rotateZ(-1deg)}50%{transform:translate(-50%,-50%) scale(calc(var(--tm-stage-scale,1)*(1 + var(--hero-scroll)*.08))) rotateX(calc(var(--hero-rx) - 4deg + var(--hero-scroll)*8deg)) rotateY(calc(var(--hero-ry) + var(--hero-drag) + 14deg + var(--hero-scroll)*-23deg)) rotateZ(1deg)}}
@keyframes tm-curtain-left{0%,12%{opacity:1;transform:translateX(0) rotateY(0)}100%{opacity:0;transform:translateX(-104%) rotateY(-70deg)}}
@keyframes tm-curtain-right{0%,12%{opacity:1;transform:translateX(0) rotateY(0)}100%{opacity:0;transform:translateX(104%) rotateY(70deg)}}
@media(min-width:1500px){.tm-hero{padding-top:130px}.tm-hero-showcase{--tm-stage-scale:1.04}.tm-scene{height:470px}}
@media(max-width:1150px){.tm-hero{padding-top:114px}.tm-hero-showcase{--tm-stage-scale:.85}.tm-scene{height:375px}.tm-hero-proof strong{font-size:22px}.tm-hero-proof>p{font-size:10px}.tm-showcase-top{font-size:6px}.tm-proof-tabs{gap:25px}.tm-proof-tabs>button{font-size:9px}}
@media(max-width:900px){.tm-hero-showcase{--tm-stage-scale:.72}.tm-scene{height:330px}.tm-showcase-controls{gap:10px}.tm-hero-proof strong{font-size:20px}.tm-proof-tabs{gap:19px}.tm-proof-tabs>button{font-size:8px}.tm-explore-cue{font-size:5px}.tm-hero-proof>span{font-size:6px}.tm-hero-intro{font-size:12px}}
@media(max-width:700px){
 .tm-hero{padding:99px 22px 24px;gap:20px}.tm-hero-top{font-size:6px}.tm-hero-copy>.tm-kicker{font-size:7px;letter-spacing:.09em}.tm-hero-lights>i{left:30%;height:140%;width:80%;filter:blur(14px);opacity:.32}.tm-hero-lights>i:last-child{left:72%;width:45%;opacity:.36}.tm-hero-showcase{--tm-stage-scale:.74;margin-top:9px;padding-top:16px}.tm-showcase-top{font-size:6px;margin-inline:0;min-height:38px}.tm-showcase-controls{gap:12px}.tm-showcase-controls>[data-proof-count]{font-size:7px}.tm-folio-next{width:38px;height:38px}.tm-folio-next>svg{width:17px;height:17px}.tm-folio-next:before{inset:-4px}.tm-scene{height:318px}.tm-proof-tabs{gap:28px;margin-top:0}.tm-proof-tabs>button{font-size:9px;min-height:44px}.tm-explore-cue{font-size:6px;margin-top:9px;gap:9px}.tm-explore-cue>span:first-child{font-size:17px}.tm-hero-proof{margin:8px 1px 0;padding-top:14px;min-height:113px}.tm-hero-proof>span{font-size:6px}.tm-hero-proof strong{font-size:23px;max-width:24ch}.tm-hero-proof>p{font-size:11px;max-width:44ch;line-height:1.8}.tm-hero-proof>a>span{width:30px;height:30px;font-size:18px}.tm-hero-intro-block{padding-top:22px}.tm-hero-intro{font-size:13px}.tm-hero-actions .tm-button{padding:17px 20px}.tm-hero-actions{gap:25px}.tm-hero-bottom{margin-top:0;padding-top:18px;gap:14px}.tm-hero-bottom .motion-toggle{font-size:8px;padding:9px 3px;min-height:44px}.tm-person-link>span{font-size:13px}.tm-person-link>span em{color:#bd987c}.tm-signature-stroke path{stroke-width:1.5}.tm-stage-curtain>span{font-size:6px}.tm-piece-files.is-front .tm-book-front{transform:translateZ(12px) rotateY(-18deg)}.tm-piece.is-back-left{transform:translate3d(-94px,-29px,-160px) rotateX(8deg) rotateY(26deg) rotateZ(-19deg)}.tm-piece.is-back-right{transform:translate3d(105px,28px,-220px) rotateX(-6deg) rotateY(-25deg) rotateZ(18deg)}
}
@media(max-width:370px){.tm-hero{padding-inline:20px}.tm-hero-showcase{--tm-stage-scale:.63}.tm-scene{height:279px}.tm-showcase-top{font-size:5px}.tm-showcase-controls{gap:9px}.tm-folio-next{width:36px;height:36px}.tm-proof-tabs{gap:22px}.tm-proof-tabs>button{font-size:8px}.tm-hero-proof strong{font-size:21px}.tm-hero-proof>p{font-size:10px}.tm-hero-intro{font-size:12px}.tm-hero-actions{gap:19px}.tm-hero-actions .tm-button{padding:15px 16px;font-size:9px}.tm-hero-actions .tm-text-link{font-size:9px}.tm-person-link>span{font-size:12px}.tm-hero-bottom .motion-toggle{font-size:7px}.tm-explore-cue{font-size:5px}}
.tm-home.motion-paused .tm-hero-lights>i,.tm-home.motion-paused .tm-folio-next:before,.tm-home.motion-paused .tm-book-front:after{animation:none!important}
.tm-home.motion-paused .tm-stage-curtain{display:none}.tm-home.motion-paused .tm-hero-copy,.tm-home.motion-paused .tm-hero-actions .tm-button{transform:none!important}
.tm-home.motion-paused .tm-book-front,.tm-home.motion-paused .tm-book-leaf{transition:none!important}
.tm-hero.tm-outside .tm-book-front:after,.dimension-document-hidden .tm-book-front:after,.tm-hero.tm-outside .tm-folio-next:before,.dimension-document-hidden .tm-folio-next:before{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.tm-hero-lights>i,.tm-folio-next:before,.tm-book-front:after{animation:none!important}.tm-stage-curtain{display:none}.tm-hero-copy,.tm-hero-actions .tm-button{transform:none!important}.tm-book-front,.tm-book-leaf{transition:none!important}}

.tm-hero-actions .tm-button>span{transform:translate3d(var(--cta-x,0px),var(--cta-y,0px),0);transition:transform .4s var(--tm-ease),rotate .4s}