/* Layout: wide editorial column, organic image masks that drift at different speeds on scroll */
:root{
  --bg:#F3F1EC; --ink:#161616; --muted:#4A463F; --soft:#6B655C; --line:#C9C2B6;
  --band:#161616; --bandInk:#F3F1EC; --bandMuted:#D6D0C6; --sand:#E6E1D8;
  --accent:#C2410C;
  --t1:#CDC6BA; --t2:#B9B1A5; --t3:#DAD4CA; --t4:#A9A196; --t5:#3A3631; --t6:#C4BCB0;
  --display:Montserrat, system-ui, sans-serif;
  --body:Montserrat, system-ui, sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;overflow-x:clip}
a{color:var(--ink)} a:hover{color:var(--muted)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wrap{max-width:1360px;margin:0 auto;padding-left:max(24px, env(safe-area-inset-left, 0px));padding-right:max(24px, env(safe-area-inset-right, 0px))}
h1,h2,.serif{font-family:var(--display);font-weight:500;letter-spacing:-.02em;text-wrap:balance;margin:0}
p{margin:0}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);display:flex;align-items:center;gap:10px}
.dot{width:10px;height:10px;border-radius:50%;background:var(--accent);display:inline-block}
.btn{display:inline-flex;align-items:center;min-height:48px;padding:0 26px;border-radius:999px;text-decoration:none;font-weight:600;font-size:15px;border:1px solid var(--ink)}
.btn.solid{background:var(--ink);color:var(--bg)} .btn.solid:hover{color:var(--bg);background:#000}
.mask{position:relative;overflow:hidden;max-width:100%;will-change:clip-path}
.inner{position:absolute;inset:-10% 0;display:flex;align-items:center;justify-content:center;will-change:transform}
.inner img,.fill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;max-width:none}
img.lazy{opacity:0;transition:opacity .8s ease}img.lazy.on{opacity:1}
@media (prefers-reduced-motion: reduce){img.lazy{opacity:1;transition:none}}
.tag{font-size:12px;color:var(--muted);background:var(--bg);padding:5px 11px;border-radius:999px;white-space:nowrap}
[data-par],[data-reveal],[data-strip],[data-hero]{will-change:transform}

header.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 40px;padding-block:24px;position:fixed;top:0;left:0;right:0;z-index:50;padding-inline:max(24px, calc((100vw - 1360px) / 2 + 24px), env(safe-area-inset-left, 0px));background:rgba(243,241,236,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:padding .35s ease,border-color .35s ease,background .35s ease}
header.top.scrolled{padding-block:10px;border-bottom-color:var(--line)}
#home,#project{padding-top:92px}
.logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);min-height:44px}
.logo svg{display:block;height:100%;width:auto}
.logo .mk{height:38px;display:block}.logo .wm{height:21px;display:block}
.logo:hover{color:var(--accent)}
html{cursor:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22%3E%3Cdefs%3E%3Cmask id=%22m%22 maskUnits=%22userSpaceOnUse%22 x=%22-5000%22 y=%22-5000%22 width=%2210000%22 height=%2210000%22%3E%3Crect x=%22-5000%22 y=%22-5000%22 width=%2210000%22 height=%2210000%22 fill=%22%23fff%22/%3E%3Cpath d=%22M679.7 204.9L1333.8 1337.9L25.6 1337.9Z%22 fill=%22%23000%22 stroke=%22%23000%22 stroke-width=%2280%22 stroke-linejoin=%22round%22/%3E%3C/mask%3E%3Cmask id=%22k%22 maskUnits=%22userSpaceOnUse%22 x=%22-5000%22 y=%22-5000%22 width=%2210000%22 height=%2210000%22%3E%3Crect x=%22-5000%22 y=%22-5000%22 width=%2210000%22 height=%2210000%22 fill=%22%23fff%22/%3E%3Cpath d=%22M46.2 1376.0C19.1 1368.8 0.8 1345.8 0.7 1318.5C0.7 1308.7 2.3 1301.4 6.4 1292.8C8.1 1289.2 149.2 1044.2 320.0 748.5C656.7 165.4 634.9 202.2 648.3 194.2C651.3 192.4 657.1 189.7 661.2 188.2C667.5 186.0 670.1 185.6 680.0 185.6C689.8 185.6 692.6 186.0 698.7 188.2C709.2 191.9 714.6 195.4 722.4 203.4C729.0 210.2 740.1 229.1 954.1 599.9C1118.6 884.9 1179.5 991.2 1181.2 996.4C1183.9 1004.8 1184.4 1020.4 1182.1 1028.5C1177.3 1045.7 1165.4 1060.1 1150.3 1067.2C1135.9 1074.0 1162.6 1073.4 855.5 1074.0L577.5 1074.5L572.1 1076.7C564.5 1079.8 556.9 1085.1 552.7 1090.2C550.8 1092.6 516.0 1152.1 475.5 1222.5C434.9 1292.9 400.6 1352.1 399.2 1354.0C392.1 1363.4 382.5 1370.3 369.3 1375.3L363.5 1377.5L208.5 1377.7C58.6 1377.9 53.3 1377.8 46.2 1376.0Z%22 fill=%22%23000%22/%3E%3C/mask%3E%3C/defs%3E%3Cg transform=%22translate%282.845 1.071%29 scale%280.019353%29%22%3E%3Cpath d=%22M679.7 204.9L1333.8 1337.9L25.6 1337.9Z%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%22225%22 stroke-linejoin=%22round%22 mask=%22url%28%23m%29%22/%3E%3Cpath d=%22M679.7 204.9L1333.8 1337.9L25.6 1337.9Z%22 fill=%22%23F6B417%22 stroke=%22%23F6B417%22 stroke-width=%2280%22 stroke-linejoin=%22round%22 opacity=%22.9%22 mask=%22url%28%23k%29%22/%3E%3Cpath d=%22M46.2 1376.0C19.1 1368.8 0.8 1345.8 0.7 1318.5C0.7 1308.7 2.3 1301.4 6.4 1292.8C8.1 1289.2 149.2 1044.2 320.0 748.5C656.7 165.4 634.9 202.2 648.3 194.2C651.3 192.4 657.1 189.7 661.2 188.2C667.5 186.0 670.1 185.6 680.0 185.6C689.8 185.6 692.6 186.0 698.7 188.2C709.2 191.9 714.6 195.4 722.4 203.4C729.0 210.2 740.1 229.1 954.1 599.9C1118.6 884.9 1179.5 991.2 1181.2 996.4C1183.9 1004.8 1184.4 1020.4 1182.1 1028.5C1177.3 1045.7 1165.4 1060.1 1150.3 1067.2C1135.9 1074.0 1162.6 1073.4 855.5 1074.0L577.5 1074.5L572.1 1076.7C564.5 1079.8 556.9 1085.1 552.7 1090.2C550.8 1092.6 516.0 1152.1 475.5 1222.5C434.9 1292.9 400.6 1352.1 399.2 1354.0C392.1 1363.4 382.5 1370.3 369.3 1375.3L363.5 1377.5L208.5 1377.7C58.6 1377.9 53.3 1377.8 46.2 1376.0Z%22 fill=%22%233B1C5A%22 opacity=%22.75%22/%3E%3C/g%3E%3C/svg%3E") 16 4, auto}
a,button,.work,.strip .mask{cursor:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22%3E%3Cdefs%3E%3Cmask id=%22m%22 maskUnits=%22userSpaceOnUse%22 x=%22-5000%22 y=%22-5000%22 width=%2210000%22 height=%2210000%22%3E%3Crect x=%22-5000%22 y=%22-5000%22 width=%2210000%22 height=%2210000%22 fill=%22%23fff%22/%3E%3Cpath d=%22M679.7 204.9L1333.8 1337.9L25.6 1337.9Z%22 fill=%22%23000%22 stroke=%22%23000%22 stroke-width=%2280%22 stroke-linejoin=%22round%22/%3E%3C/mask%3E%3Cmask id=%22k%22 maskUnits=%22userSpaceOnUse%22 x=%22-5000%22 y=%22-5000%22 width=%2210000%22 height=%2210000%22%3E%3Crect x=%22-5000%22 y=%22-5000%22 width=%2210000%22 height=%2210000%22 fill=%22%23fff%22/%3E%3Cpath d=%22M46.2 1376.0C19.1 1368.8 0.8 1345.8 0.7 1318.5C0.7 1308.7 2.3 1301.4 6.4 1292.8C8.1 1289.2 149.2 1044.2 320.0 748.5C656.7 165.4 634.9 202.2 648.3 194.2C651.3 192.4 657.1 189.7 661.2 188.2C667.5 186.0 670.1 185.6 680.0 185.6C689.8 185.6 692.6 186.0 698.7 188.2C709.2 191.9 714.6 195.4 722.4 203.4C729.0 210.2 740.1 229.1 954.1 599.9C1118.6 884.9 1179.5 991.2 1181.2 996.4C1183.9 1004.8 1184.4 1020.4 1182.1 1028.5C1177.3 1045.7 1165.4 1060.1 1150.3 1067.2C1135.9 1074.0 1162.6 1073.4 855.5 1074.0L577.5 1074.5L572.1 1076.7C564.5 1079.8 556.9 1085.1 552.7 1090.2C550.8 1092.6 516.0 1152.1 475.5 1222.5C434.9 1292.9 400.6 1352.1 399.2 1354.0C392.1 1363.4 382.5 1370.3 369.3 1375.3L363.5 1377.5L208.5 1377.7C58.6 1377.9 53.3 1377.8 46.2 1376.0Z%22 fill=%22%23000%22/%3E%3C/mask%3E%3C/defs%3E%3Cg transform=%22translate%282.845 1.071%29 scale%280.019353%29%22%3E%3Cpath d=%22M679.7 204.9L1333.8 1337.9L25.6 1337.9Z%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%22225%22 stroke-linejoin=%22round%22 mask=%22url%28%23m%29%22/%3E%3Cpath d=%22M679.7 204.9L1333.8 1337.9L25.6 1337.9Z%22 fill=%22%233B1C5A%22 stroke=%22%233B1C5A%22 stroke-width=%2280%22 stroke-linejoin=%22round%22 opacity=%22.75%22 mask=%22url%28%23k%29%22/%3E%3Cpath d=%22M46.2 1376.0C19.1 1368.8 0.8 1345.8 0.7 1318.5C0.7 1308.7 2.3 1301.4 6.4 1292.8C8.1 1289.2 149.2 1044.2 320.0 748.5C656.7 165.4 634.9 202.2 648.3 194.2C651.3 192.4 657.1 189.7 661.2 188.2C667.5 186.0 670.1 185.6 680.0 185.6C689.8 185.6 692.6 186.0 698.7 188.2C709.2 191.9 714.6 195.4 722.4 203.4C729.0 210.2 740.1 229.1 954.1 599.9C1118.6 884.9 1179.5 991.2 1181.2 996.4C1183.9 1004.8 1184.4 1020.4 1182.1 1028.5C1177.3 1045.7 1165.4 1060.1 1150.3 1067.2C1135.9 1074.0 1162.6 1073.4 855.5 1074.0L577.5 1074.5L572.1 1076.7C564.5 1079.8 556.9 1085.1 552.7 1090.2C550.8 1092.6 516.0 1152.1 475.5 1222.5C434.9 1292.9 400.6 1352.1 399.2 1354.0C392.1 1363.4 382.5 1370.3 369.3 1375.3L363.5 1377.5L208.5 1377.7C58.6 1377.9 53.3 1377.8 46.2 1376.0Z%22 fill=%22%23F6B417%22 opacity=%22.9%22/%3E%3C/g%3E%3C/svg%3E") 16 4, pointer}
input,textarea{cursor:text}
nav{display:flex;flex-wrap:wrap;gap:4px 6px;font-size:15px;font-weight:500}
nav a{text-decoration:none;padding:9px 18px;border-radius:999px;transition:background-color .25s ease,color .25s ease}
nav a:hover,nav a:focus-visible{background:var(--accent);color:#fff}

.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:56px;align-items:center;padding-block:32px 140px}
.hero h1{font-size:clamp(44px,5.8vw,92px);line-height:1.02;letter-spacing:-.035em;color:#5A554E}
.hero .lead{max-width:460px;color:var(--muted)}
.heroFig{position:relative;margin:0}
.pop{position:absolute;right:-2%;bottom:-6%;width:34%;z-index:2}
.pop{filter:drop-shadow(0 22px 30px rgba(22,22,22,.22))}
.badge{position:absolute;left:-5%;top:-4%;width:clamp(96px,11vw,150px);height:auto;z-index:2}
.heroFig figcaption{position:absolute;left:0;bottom:-40px;font-size:13px;color:var(--soft)}

.strips{padding-block:0 90px;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.strip{display:flex;gap:10px;width:max-content;align-items:flex-start}
.strip .mask{flex:0 0 auto;aspect-ratio:3/2!important}
.strip .inner{inset:-4% 0}
.mask img{transition:transform .9s cubic-bezier(.16,.84,.24,1),filter .9s ease,opacity .8s ease}
@media (hover:hover) and (prefers-reduced-motion: no-preference){.strip .mask:hover img,a.work:hover .mask img{transform:scale(1.09);filter:saturate(1.08)}}

.sectionHead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:56px}
.sectionHead h2,.h2{font-size:clamp(40px,5vw,72px);line-height:1}
/* Selected work: logo-style pieces that interlock along parallel 60° gutters */
.works{display:flex;align-items:flex-start;container-type:inline-size;padding:92px 0 190px}
.work{position:relative;display:block;flex:1 1 0;min-width:0;text-decoration:none}
.work+.work{margin-left:calc(-28cqw * .57735 + 21px)}
.work .mask{height:28cqw}
.work .workMeta{position:absolute;left:0;right:0;top:calc(100% + 20px)}
.work.down .workMeta{top:auto;bottom:calc(100% + 20px)}
@media (max-width:760px){.works{flex-direction:column;gap:56px;padding:0 0 120px}.work+.work{margin-left:0}.work{width:100%}.work .mask{height:auto;aspect-ratio:1.45}.work .workMeta,.work.down .workMeta{position:static;margin-top:16px}}
.workMeta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;align-items:baseline}
.workMeta .serif{font-size:36px;line-height:1}
.workMeta span:last-child{font-size:14px;color:var(--soft)}

.band{background:var(--band);color:var(--bandInk)}
.band a{color:var(--bandInk)}
.about{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:72px;align-items:center;padding-block:140px}
.about h2{font-size:clamp(34px,4.2vw,60px);line-height:1.05}
.about p.body{color:var(--bandMuted);max-width:62ch}
.about .eyebrow{color:#BDB6AA}
.portrait{position:relative;margin:0;max-width:440px;width:100%;justify-self:center}
.social{display:inline-flex;align-items:center;gap:10px;padding:10px 0;text-decoration:none}
.social svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.social:hover{color:var(--bandMuted)}

.services{padding-block:140px 80px}
.svc{border-top:1px solid var(--ink)}
.row{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 40px;padding-block:28px;border-bottom:1px solid var(--line)}
.row .serif{flex:1 1 280px;font-size:34px;line-height:1.1}
.row span:last-child{flex:1 1 360px;color:var(--muted)}

.press{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:48px;padding-block:40px 140px}
.press a.serif{font-size:30px;line-height:1.15}
.clientsBand{padding-block:0 140px;display:flex;flex-direction:column;gap:clamp(28px,4vw,48px);overflow:hidden}
.clientsBand .eyebrow{margin-bottom:8px}
.cRow{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.cTrack{display:flex;width:max-content;animation:cRun 46s linear infinite}
.r2 .cTrack{animation-direction:reverse;animation-duration:52s}
.cRow:hover .cTrack{animation-play-state:paused}
.cSet{display:flex;align-items:center;gap:clamp(56px,7vw,110px);padding-right:clamp(56px,7vw,110px)}
.cSet img{display:block;width:auto;opacity:.62;transition:opacity .4s ease}
.cSet img:hover{opacity:1}
@keyframes cRun{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){.cTrack{animation:none;width:auto}.cRow{-webkit-mask-image:none;mask-image:none}.cSet{flex-wrap:wrap;justify-content:center;padding-inline:24px}.cSet[aria-hidden]{display:none}}

.contact{background:var(--sand);overflow:hidden}
.contactIn{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:64px;padding-block:140px}
.contact h2{font-size:clamp(48px,6.4vw,100px);line-height:.95}
.rotLine{font-size:clamp(30px,3.6vw,54px);line-height:1.15}
.rot{display:inline-block;position:relative;vertical-align:bottom;overflow:hidden;height:1.2em;color:var(--accent);font-style:normal;transition:width .9s cubic-bezier(.4,0,.2,1)}
.rot .w{position:absolute;left:0;top:0;white-space:nowrap;padding-right:.08em;opacity:0;transition:opacity .9s ease}
.rot .w.on{opacity:1;transition-delay:.35s}
.rot .w.out{opacity:0}
@media (prefers-reduced-motion: reduce){.rot,.rot .w{transition:none}}
form{display:flex;flex-direction:column;gap:20px}
label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}
input,textarea{border:0;border-bottom:1px solid var(--ink);background:transparent;font:inherit;font-weight:400;font-size:17px;padding:10px 0;color:var(--ink);border-radius:0}
textarea{resize:vertical}
.send{align-self:flex-start;min-height:52px;padding:0 32px;border:0;border-radius:999px;background:var(--accent);color:#fff;font:inherit;font-weight:600;font-size:15px;cursor:pointer}
.formNote{font-size:14px;color:var(--muted)}
footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:14px;color:var(--soft);padding-block:32px}
footer a{color:var(--soft)}

/* project view */
.pHead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding-block:24px 40px}
.pHead h1{font-size:clamp(64px,11vw,176px);line-height:.88;letter-spacing:-.02em}
.pInfo{display:flex;flex-wrap:wrap;gap:48px 80px;padding-block:90px 100px}
dl{flex:1 1 240px;margin:0;display:flex;flex-direction:column;gap:18px;font-size:15px}
dt{color:var(--soft)} dd{margin:0;font-weight:600}
.pText{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:24px}
.pText .serif{font-size:clamp(28px,3.4vw,48px);line-height:1.12}
/* project motion: split title, growing hero, pinned car track, clipped band, marquee */
.pHead h1 .clip{display:inline-block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em;vertical-align:bottom}
.pHead h1 .ch{display:inline-block;transform:translateY(108%) rotate(8deg);transform-origin:0 100%;transition:transform 1s cubic-bezier(.16,.84,.24,1)}
#project.in .pHead h1 .ch{transform:none}
.pHead .eyebrow{transition:opacity .8s ease .55s,transform .8s cubic-bezier(.16,.84,.24,1) .55s}
#project:not(.in) .pHead .eyebrow{opacity:0;transform:translateY(14px)}
.pHeroWrap{transform-origin:50% 0;will-change:transform;width:100vw;margin-left:calc(50% - 50vw)}
.pHeroWrap>.mask{aspect-ratio:auto!important;height:min(78vh,56vw);min-height:320px;border-radius:0}
.pHeroWrap>.mask{transition:transform 1.2s cubic-bezier(.16,.84,.24,1) .25s,opacity .9s ease .25s}
#project:not(.in) .pHeroWrap>.mask{transform:translateY(80px);opacity:0}
/* headlights on the project hero: dusk the photo and switch the lamps on */
.pHeroWrap .inner{container-type:size}
.pHeroWrap .inner img{transition:filter .7s ease}
.lights{position:absolute;left:50%;top:50%;width:max(100cqw, calc(100cqh * 1.8272));aspect-ratio:2200/1204;transform:translate(-50%,-50%);pointer-events:none}
.lights span{position:absolute;opacity:0}
.hl{width:7.5%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#FFFDF2 0 15%,rgba(255,244,205,.95) 22%,rgba(255,228,150,.45) 40%,rgba(255,214,120,.12) 58%,rgba(255,210,110,0) 72%)}
.hl.sm{width:5%}
.beam{height:11%;width:24%;transform:translate(-100%,-50%);background:linear-gradient(270deg,rgba(255,240,190,.75),rgba(255,236,170,.25) 45%,rgba(255,232,160,0));clip-path:polygon(100% 44%,0 0,0 100%,100% 56%);filter:blur(2px)}
.beacon{width:4.2%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#FFE7A3 0 14%,rgba(255,170,30,.9) 26%,rgba(255,140,0,.35) 46%,rgba(255,130,0,0) 70%)}
@keyframes lampOn{0%{opacity:0}12%{opacity:.85}18%{opacity:.15}30%{opacity:1}100%{opacity:1}}
@keyframes beaconBlink{0%,100%{opacity:.15}45%,60%{opacity:1}}
.pHeroWrap.lit .inner img{filter:brightness(.42) saturate(.85) contrast(1.05)}
.pHeroWrap.lit .hl,.pHeroWrap.lit .beam{animation:lampOn .7s ease forwards;animation-delay:calc(.25s + var(--d,0ms))}
.pHeroWrap.lit .beacon{animation:beaconBlink .9s ease-in-out .5s infinite}
@media (hover:hover){.pHeroWrap:hover .inner img{filter:brightness(.42) saturate(.85) contrast(1.05)}
.pHeroWrap:hover .hl,.pHeroWrap:hover .beam{animation:lampOn .7s ease forwards;animation-delay:calc(.25s + var(--d,0ms))}
.pHeroWrap:hover .beacon{animation:beaconBlink .9s ease-in-out .5s infinite}}
@media (prefers-reduced-motion: reduce){.pHeroWrap .lights span{animation:none!important}.pHeroWrap.lit .lights span{opacity:1}
@media (hover:hover){.pHeroWrap:hover .lights span{opacity:1}}}

.track{height:340vh;position:relative}
.trackPin{position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;gap:clamp(24px,4vh,44px);overflow:hidden}
.trackHead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 24px;padding-inline:max(24px,6vw)}
.trackHead .serif{font-size:clamp(34px,4.4vw,64px);line-height:1}
.trackRow{--cw:clamp(240px,27vw,420px);display:flex;align-items:flex-start;padding:64px max(24px,6vw);width:max-content;will-change:transform}
.trackRow figure{position:relative;margin:0;width:var(--cw);flex:none}
.trackRow figure+figure{margin-left:calc(var(--cw) / -1.3 * .57735 + 21px)}
.trackRow figure .mask{aspect-ratio:1.3!important}
.trackRow figcaption{position:absolute;left:0;right:0;top:calc(100% + 14px)}
.trackRow figure.down figcaption{top:auto;bottom:calc(100% + 14px)}
.trackRow figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-family:var(--display);font-size:clamp(24px,2.4vw,32px);line-height:1}
.trackRow figcaption span{font-family:var(--body);font-size:13px;font-weight:600;letter-spacing:.1em;color:var(--soft)}
.road{height:1px;background:var(--line);margin-inline:max(24px,6vw);position:relative}
.road i{position:absolute;left:0;top:-5px;width:11px;height:11px;margin-left:-5px;border-radius:50%;background:var(--accent)}
.bandClip{will-change:clip-path}
.marquee{overflow:hidden;padding-top:40px}
.marquee div{white-space:nowrap;font-family:var(--display);font-size:clamp(72px,11vw,180px);line-height:1;color:var(--line);will-change:transform}
.made{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:40px;align-items:center;padding-block:110px}
.made .pair{display:flex;align-items:flex-start;container-type:inline-size}
.made .pair>div{flex:1 1 0;min-width:0}
.made .pair>div+div{margin-left:calc(-36cqw * .57735 + 21px)}
.made .pair .mask{height:36cqw;aspect-ratio:auto!important}
.next{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;padding-block:100px}
.next a{display:flex;align-items:center;gap:28px;text-decoration:none}
.next .serif{font-size:clamp(48px,7vw,112px);line-height:1}
.next .mask{width:clamp(96px,11vw,156px);aspect-ratio:1.155}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  [data-par],[data-reveal],[data-strip],[data-hero],.inner,.badge{transform:none!important}
  .pHead h1 .ch,.pHeroWrap,.pHeroWrap>.mask,.trackRow figure,[data-marq]{transform:none!important;opacity:1!important;transition:none!important}
  .track{height:auto} .trackPin{position:static;height:auto;padding-block:40px 110px}
  .trackRow{width:auto;overflow-x:auto;transform:none!important;padding-bottom:12px} .trackRow figure{flex:0 0 auto}
  .road{display:none} .bandClip{clip-path:none!important}
}

/* WP additions */
.pText .wp p{margin:0 0 1em}
header.top nav a.cur{text-decoration:underline;text-underline-offset:6px}
.raForm .wpcf7-form-control-wrap{display:block}
.raForm .wpcf7 input:not([type=submit]),.raForm .wpcf7 textarea{width:100%}
.raForm .wpcf7-not-valid-tip{font-size:13px;font-weight:500;color:var(--accent);margin-top:6px}
.raForm .wpcf7-response-output{margin:8px 0 0!important;padding:12px 16px!important;border-radius:12px;font-size:14px}
.raForm .wpcf7-spinner{margin:0 0 0 12px}
body.admin-bar header.top{top:32px}
@media (max-width:782px){body.admin-bar header.top{top:46px}}