:root{--paper:#ebeced;--ink:#202124;--blue:#1646ff;--muted:#686b70;--line:#c7cacf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:6px}header{display:flex;justify-content:space-between;align-items:center;padding:29px 3.4vw;border-bottom:1px solid var(--line)}.identity{font-weight:700;letter-spacing:-.5px;font-size:18px;display:flex;align-items:center;gap:10px}.dot{display:inline-block;width:9px;height:9px;background:var(--blue);border-radius:50%}nav{display:flex;gap:44px;align-items:center;font-size:13px}nav a.active{color:var(--blue)}sup{font-size:9px;margin-left:3px}.intro{padding:30px 3.4vw 52px}.intro-meta{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.03em}.intro h1{font-size:clamp(65px,14vw,220px);letter-spacing:-.078em;line-height:.86;font-weight:500;margin:65px 0 36px}.studio-line{display:flex;align-items:center;gap:4vw;margin-top:10px}.asterisk{color:var(--blue);font-size:.9em;line-height:.8;margin-left:2vw;transform:rotate(8deg)}.intro-copy{font-size:clamp(16px,1.8vw,28px);letter-spacing:-.04em;line-height:1.2;align-self:flex-end;padding-bottom:9px;margin-left:auto;margin-right:6vw}.intro-bottom{display:flex;justify-content:space-between;align-items:end;padding-top:20px}.intro-bottom p{line-height:1.5;font-size:12px}.work-link{font-size:12px;display:flex;align-items:center;gap:45px}.work-link span{font-size:28px;color:var(--blue)}.work{padding:0 3.4vw 110px}.work-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:21px 0}.work-toolbar h2{font-size:13px;font-weight:400;margin:0}.work-toolbar h2>span{color:var(--muted);margin-left:9px}.filters{display:flex;gap:6px}.filters button{border:0;background:transparent;padding:8px 16px;border-radius:2px;font-size:12px}.filters button[aria-pressed=true]{background:var(--blue);color:white}.filters button:hover{box-shadow:inset 0 0 0 1px var(--blue)}.demo-note{color:var(--muted);font-size:10px;margin:13px 0 28px}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:3vw;row-gap:70px;align-items:start}.project{grid-column:span 5;display:block;border:0;padding:0;background:none;text-align:left;min-width:0}.project.wide{grid-column:span 7}.project.offset{padding-top:100px}.project[hidden]{display:none}.project-grid.is-filtered .project{grid-column:span 6;padding-top:0}.art{aspect-ratio:1.22;position:relative;overflow:hidden;transition:filter .3s}.wide .art{aspect-ratio:1.42}.project:hover .art{filter:brightness(.96)}.caption{padding:15px 0;display:flex;justify-content:space-between;gap:10px;align-items:baseline}.caption h3{margin:0;font-size:15px;font-weight:400;letter-spacing:-.3px}.caption h3 span{display:inline-block;color:var(--blue);padding-left:7px;transition:transform .25s}.project:hover .caption h3 span{transform:translate(3px,-3px)}.caption>span{font-size:10px;color:var(--muted)}.art-morrow{background:#c3c9c7;display:flex;align-items:center;justify-content:center;isolation:isolate}.morrow-card{background:#e5e7e8;width:73%;height:62%;padding:6%;box-shadow:8px 15px 22px #48565038;transform:rotate(-8deg);display:flex;flex-direction:column;justify-content:space-between}.tiny{font-size:8px;letter-spacing:.08em}.morrow-card strong{font-size:clamp(25px,6vw,95px);letter-spacing:-.08em;line-height:1}.morrow-card strong span{font-size:.18em;vertical-align:top;letter-spacing:0}.morrow-rule{border-bottom:1px solid #333;width:100%}.blue-token{position:absolute;bottom:12%;right:8%;width:24%;aspect-ratio:1;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:6vw;letter-spacing:-.1em;border-radius:50%;transform:rotate(9deg);box-shadow:6px 10px 15px #293d5b33}.image-label{position:absolute;bottom:13px;left:16px;font-size:7px;color:#38413c;letter-spacing:.06em}.art-cover{background:#d3d5d8;display:grid;place-items:center}.book{background:#e45237;width:65%;height:82%;transform:rotate(8deg);box-shadow:12px 10px 1px #c43e29,20px 24px 23px #51412b3b;padding:7%;display:flex;flex-direction:column;justify-content:space-between;border-left:5px solid #c43e29}.book-top,.book-bottom{font-size:6px;letter-spacing:.06em;line-height:1.5}.book strong{font-family:Georgia,serif;font-size:clamp(25px,3.5vw,58px);font-weight:400;line-height:.9;letter-spacing:-.07em}.art-deck{background:#c6c8cd;display:grid;place-items:center}.slide,.slide-back{position:absolute;width:83%;height:66%;background:#f0f1f2;transform:rotate(-6deg);box-shadow:8px 15px 20px #30343d22}.slide-back{background:#242622;transform:rotate(6deg)}.slide{padding:5%;display:flex;flex-direction:column;justify-content:space-between}.slide-top{display:flex;justify-content:space-between;font-size:6px}.slide strong{font-size:clamp(28px,4.3vw,62px);line-height:.9;letter-spacing:-.07em;font-weight:500}.slide strong i{font-family:Georgia,serif;color:var(--blue)}.slide-arrow{position:absolute;right:8%;top:28%;font-size:6vw;color:var(--blue)}.slide-bottom{font-size:5px}.art-travel{background:#b6c5cf}.sun{position:absolute;top:13%;left:61%;width:14%;aspect-ratio:1;background:#f5ecd3;border-radius:50%}.hill{position:absolute;width:130%;height:75%;border-radius:50% 50% 0 0;transform:rotate(-10deg)}.hill-one{background:#8b9c88;top:44%;left:-40%}.hill-two{background:#68765c;top:56%;left:10%;transform:rotate(15deg)}.hill-three{background:#333f31;top:80%;left:-30%;transform:rotate(-12deg)}.travel-type{position:absolute;inset:10% 6%;display:flex;flex-direction:column;justify-content:space-between;color:#fff}.travel-type>span{font-size:8px;letter-spacing:.13em}.travel-type strong{font-family:Georgia,serif;font-size:clamp(35px,6.4vw,100px);font-weight:400;font-style:italic;letter-spacing:-.07em;align-self:center;margin-top:20%}.art-signal{background:#d6e443;padding:6%;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between}.signal-meta{font-size:8px;z-index:1}.art-signal strong{font-size:clamp(65px,11.5vw,180px);letter-spacing:-.09em;line-height:1;font-weight:500;z-index:1}.signal-circle{position:absolute;width:66%;aspect-ratio:1;border-radius:50%;background:#333b25;right:-2%;bottom:-40%;z-index:-1}.signal-caption{font-size:8px;line-height:1.3}.art-common{background:#6a2771;color:#ee9cbe;display:flex;flex-direction:column;justify-content:space-between;padding:9%}.common-symbol{display:grid;grid-template-columns:1fr 1fr;width:31%;aspect-ratio:1;gap:3px;transform:rotate(-10deg);align-self:flex-end}.common-symbol span{background:#ee9cbe;border-radius:50% 50% 0 50%}.common-symbol span:nth-child(2){transform:rotate(90deg)}.common-symbol span:nth-child(3){transform:rotate(-90deg)}.common-symbol span:nth-child(4){transform:rotate(180deg)}.art-common strong{font-size:clamp(32px,4.8vw,75px);line-height:.87;letter-spacing:-.065em;font-weight:500}.common-caption{font-size:7px;letter-spacing:.08em}.studio-section{margin:0 3.4vw;padding:65px 0 90px;border-top:1px solid var(--ink);display:grid;grid-template-columns:5fr 7fr;gap:3vw}.section-label{font-size:12px;display:flex;gap:12px;align-items:start}.section-label .dot{margin-top:2px}.studio-section h2{font-size:clamp(32px,4vw,64px);line-height:1.08;letter-spacing:-.05em;margin:0 0 35px;font-weight:400}.studio-section p{font-size:16px;line-height:1.65;max-width:460px;color:#595a54}.disciplines{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:40px;font-size:11px}.contact{background:var(--blue);color:white;padding:35px 3.4vw 30px}.contact-top{display:flex;justify-content:space-between;font-size:12px}.contact h2{font-size:clamp(40px,7.3vw,115px);letter-spacing:-.06em;font-weight:400;display:flex;justify-content:space-between;align-items:center;margin:80px 0 60px}.contact h2 span{font-size:1.1em}.contact-bottom{border-top:1px solid #ffffff70;display:flex;justify-content:space-between;align-items:center;padding-top:16px;font-size:11px}.contact-bottom p{margin:0}footer{padding:28px 3.4vw;display:flex;justify-content:space-between;gap:15px;font-size:10px}footer>a{font-size:13px;font-weight:700}dialog{border:0;background:var(--paper);color:var(--ink);width:min(1050px,94vw);max-height:90vh;padding:50px 30px 30px}dialog::backdrop{background:#151711b3;backdrop-filter:blur(7px)}.close-dialog{position:absolute;right:24px;top:17px;border:0;background:none;font-size:12px}#dialog-art>.art{aspect-ratio:1.7;max-height:60vh}#dialog-art .morrow-card strong{font-size:9vw}#dialog-art .book{width:37%}#dialog-art .book strong{font-size:5vw}#dialog-art .art-cover{aspect-ratio:1.4}.dialog-description{padding-top:25px;max-width:650px}.dialog-description>span{font-size:10px;color:var(--blue);text-transform:uppercase;letter-spacing:.08em}.dialog-description h2{font-size:42px;font-weight:400;letter-spacing:-.05em;margin:12px 0}.dialog-description p{font-size:15px;line-height:1.6}.dialog-description .concept-note{font-size:11px;color:var(--muted)}.next-project{background:var(--blue);color:white;padding:12px 20px;border:0;margin-top:15px}.skip,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{width:auto;height:auto;clip:auto;top:5px;left:5px;padding:15px;z-index:5;background:white}@media(min-width:1600px){main,header,footer{max-width:1800px;margin:auto}}@media(max-width:700px){header{padding:22px 5vw}.identity{font-size:15px}nav{gap:18px;font-size:11px}nav a:last-child{display:none}.intro{padding:24px 5vw 35px}.intro-meta{font-size:9px}.index{display:none}.intro h1{font-size:14vw;margin-top:55px}.studio-line{flex-wrap:wrap;gap:6vw}.asterisk{font-size:1em}.intro-copy{font-size:13px;margin:0 0 0 auto;letter-spacing:-.025em;padding:0}.intro-bottom{padding-top:30px}.intro-bottom p{font-size:10px}.work{padding:0 5vw 60px}.work-toolbar{align-items:start;gap:18px;flex-direction:column}.filters{gap:3px;width:100%;justify-content:space-between}.filters button{padding:8px 9px;font-size:11px}.demo-note{line-height:1.5;max-width:260px}.project-grid{display:block}.project,.project.wide,.project.offset{width:100%;padding:0;margin-bottom:35px}.project .art{aspect-ratio:1.22}.project:nth-child(even){width:86%;margin-left:auto}.caption{flex-wrap:wrap}.caption h3{font-size:14px}.morrow-card strong{font-size:14vw}.blue-token{font-size:15vw}.book strong{font-size:9vw}.slide strong{font-size:12vw}.slide-arrow{font-size:16vw}.art-signal strong{font-size:25vw}.travel-type strong{font-size:14vw}.art-common strong{font-size:14vw}.studio-section{margin:0 5vw;padding:35px 0 55px;grid-template-columns:1fr;gap:35px}.studio-section p{font-size:14px}.contact{padding:28px 5vw}.contact-top{font-size:10px;gap:20px}.contact h2{margin:50px 0;font-size:11vw;line-height:1}.contact h2 span{margin-left:18px}.contact-bottom{font-size:9px}footer{padding:25px 5vw;flex-wrap:wrap}footer>span:nth-child(2){display:none}dialog{padding:48px 18px 25px}.dialog-description h2{font-size:32px}#dialog-art>.art{aspect-ratio:1.1}#dialog-art .morrow-card strong{font-size:12vw}#dialog-art .book{width:58%}#dialog-art .book strong{font-size:8vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Reduced typography: titles and navigation only. */
.intro h1{margin-top:55px;margin-bottom:12px}.work-toolbar{margin-bottom:30px}.contact h2{margin-top:35px;margin-bottom:45px}.contact-bottom{justify-content:flex-end}.morrow-card{justify-content:center;gap:24px}.book{justify-content:center}.travel-type{justify-content:center}.travel-type strong{margin-top:20%}.art-signal strong{margin-top:auto;margin-bottom:auto}.art-common{justify-content:center;gap:30px}@media(max-width:700px){.intro h1{margin-top:40px;margin-bottom:15px}}

/* Coastal studio direction. */
@font-face{font-family:"League Gothic";src:url("fonts/league-gothic.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
:root{--paper:#e8eaec;--line:#c2c6ca}
.identity,nav,.intro h1,.work-toolbar h2,.caption h3,.contact h2,.dialog-description h2,footer>a{font-family:"League Gothic","Arial Narrow",Impact,sans-serif;font-weight:400;text-transform:uppercase}
.identity{font-size:27px;letter-spacing:.005em}.identity .dot{width:7px;height:7px}nav{font-size:20px;letter-spacing:.015em}nav sup{font-family:Arial,sans-serif;font-size:8px}
.intro{padding-top:24px;padding-bottom:65px}.intro h1{font-size:clamp(100px,23vw,370px);letter-spacing:-.02em;line-height:.82;margin-top:42px;margin-bottom:0}.studio-line{margin-top:12px;gap:5vw;flex-wrap:nowrap;align-items:center}.wave-doodle{display:block;width:clamp(130px,21vw,340px);height:auto;line-height:0;transform:rotate(-8deg);margin-left:4vw;margin-top:10px;flex-shrink:0}.wave-doodle svg{display:block;width:100%;height:auto;stroke:var(--blue);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}
.work-toolbar{padding:22px 0}.work-toolbar h2{font-size:24px;letter-spacing:.01em}.work-toolbar h2>span{font-family:Arial,sans-serif;font-size:11px}.filters button{border-radius:0}.project-grid{row-gap:84px}.caption h3{font-size:29px;letter-spacing:0}.caption h3 span{font-family:Arial,sans-serif;font-size:18px}.caption{padding-top:15px}
.art-morrow{background:#c6cdd2}.art-cover{background:#bac8d1}.art-deck{background:#c9ced3}.art-travel{background:linear-gradient(#b5c9d6 0%,#bacbd2 48%,#7fa0ae 49%,#91aab3 70%,#c3c6c2 100%)}.art-travel .sun{background:#ece3ce}.art-travel .hill-one{background:#909d98;top:68%;left:-65%}.art-travel .hill-two{background:#667d7c;top:77%;left:32%}.art-travel .hill-three{background:#425f62;top:91%;left:-40%}
.contact{position:relative;margin-top:20px;padding-top:48px}.contact:before{content:"";display:block;position:absolute;left:0;right:0;top:-14px;height:18px;background:radial-gradient(26px 16px at 26px 18px,var(--blue) 98%,transparent 100%) 0 0/52px 20px repeat-x}.contact h2{font-size:clamp(80px,14vw,210px);line-height:.9;letter-spacing:-.01em;margin:12px 0 40px}.contact h2 span{font-family:Arial,sans-serif;font-size:.58em}footer>a{font-size:21px;letter-spacing:.01em}.dialog-description h2{font-size:54px;letter-spacing:0}
@media(max-width:700px){.identity{font-size:23px}nav{font-size:18px}.intro{padding-top:20px;padding-bottom:44px}.intro h1{font-size:23vw;margin-top:30px;margin-bottom:0}.studio-line{gap:6vw;margin-top:8px}.wave-doodle{width:28vw;margin-left:2vw;margin-top:2px}.wave-doodle svg{stroke-width:5}.work-toolbar{gap:13px}.work-toolbar h2{font-size:23px}.caption h3{font-size:26px}.project-grid{row-gap:40px}.contact h2{font-size:21vw;margin:6px 0 35px}.dialog-description h2{font-size:42px}}

/* A coastal sketchbook with an editorial grid. */
:root{--pink:#f1a6d0;--lime:#d2e5a4;--lemon:#e9f2a7;--ink:#232327;--line:#aeb2b9}
.sketch-library{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.wave-doodle{color:var(--blue);transform:rotate(-9deg);width:clamp(140px,23vw,365px)}.wave-doodle svg{stroke:none;overflow:visible}
header{border-bottom:2px solid var(--ink);padding-top:22px;padding-bottom:22px}.identity{gap:13px}.identity .dot{width:12px;height:12px;border-radius:1px;background:var(--pink);border:1px solid var(--ink);box-shadow:2px 2px 0 var(--ink);transform:rotate(-8deg)}nav a:last-child{padding:9px 13px;border:1px solid var(--ink);background:var(--lime);box-shadow:3px 3px 0 var(--ink);font-size:18px}
.work-toolbar{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:0;gap:24px;align-items:stretch}.work-toolbar h2{display:flex;align-items:center;gap:8px;padding:14px 18px;margin:0;background:var(--lime);border-right:1px solid var(--ink)}.filters{align-items:stretch;gap:0}.filters button{border-left:1px solid var(--ink);padding:15px 24px;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.filters button:nth-child(2){background:#f0c1db}.filters button:nth-child(3){background:#d2e5a4}.filters button:nth-child(4){background:#e8edb9}.filters button:nth-child(5){background:#c6dbe8}.filters button[aria-pressed=true]{background:var(--blue);color:white}.filters button:hover{box-shadow:inset 0 -4px 0 var(--ink)}.filters button sup{font-size:8px;letter-spacing:0;font-weight:400}
.project{position:relative;isolation:isolate}.project .art{border:1px solid var(--ink);box-shadow:5px 5px 0 #232327;transition:transform .2s,box-shadow .2s}.project:hover .art{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #232327;filter:none}.caption{padding-top:20px;border-bottom:1px solid var(--line);padding-bottom:12px}.caption h3{position:relative;z-index:2}.project-grid{column-gap:3.5vw;row-gap:88px}.project-doodle{position:absolute;display:block;pointer-events:none;z-index:3;color:var(--blue);width:100px;height:75px}.project-doodle svg{display:block;width:100%;height:100%;overflow:visible}.project-doodle use{transform-origin:center}.doodle-1{right:5%;bottom:-24px;width:95px;height:65px;transform:rotate(-12deg)}.doodle-2{right:-5%;top:65px;color:#ab467e;transform:rotate(-17deg)}.doodle-3{right:-4%;top:-34px;width:75px;height:75px;color:var(--blue);transform:rotate(12deg)}.doodle-4{right:8%;bottom:-24px;width:105px;height:70px;color:var(--blue);transform:rotate(5deg)}.doodle-5{right:1%;top:-20px;width:80px;height:55px;color:#ab467e;transform:rotate(-10deg)}.doodle-6{right:-4%;bottom:15px;width:65px;height:65px;color:#ab467e;transform:rotate(-10deg)}.project-grid.is-filtered .doodle-2{top:-25px}.project-grid.is-filtered .project{margin-top:15px}
.art-cover{background:#d9c7d5}.art-deck{background:#d6e4b7}.art-signal{background:#e5edac}.art-common{background:#b65b88;color:#f4dbe9}.common-symbol span{background:#f4dbe9}
.contact{background:var(--pink);color:var(--ink);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);margin-top:30px}.contact:before{display:none}.contact h2{align-items:center}.contact-doodle{display:block;color:var(--blue);width:22%;line-height:0;transform:rotate(-10deg);margin-right:auto;margin-left:6vw}.contact-doodle svg{display:block;width:100%;height:auto}.contact-bottom{border-color:var(--ink)}.next-project{border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:var(--lemon);color:var(--ink)}dialog{border:1px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}
@media(max-width:1000px) and (min-width:701px){.filters button{padding:15px 14px}.work-toolbar h2{padding-left:12px;padding-right:12px}.work-toolbar{gap:0}}
@media(max-width:700px){header{padding-top:20px;padding-bottom:20px}.work-toolbar{gap:0;align-items:stretch}.work-toolbar h2{border-right:0;border-bottom:1px solid var(--ink);padding:12px 10px;font-size:22px}.filters{width:100%}.filters button{flex:1;padding:13px 6px;font-size:10px}.filters button:first-child{border-left:0}.wave-doodle{width:31vw;margin-left:0}.project{margin-bottom:54px}.project .art{box-shadow:4px 4px 0 var(--ink)}.project:nth-child(even){width:90%}.caption h3{font-size:25px}.project-doodle{width:75px;height:55px}.doodle-1,.doodle-4{bottom:-25px;right:3%;width:80px;height:55px}.doodle-2{top:-25px;right:-2%;width:70px;height:60px}.doodle-3{width:55px;height:55px;top:-26px}.doodle-5{width:65px;height:45px;top:-15px}.doodle-6{width:50px;height:50px;right:0;bottom:10px}.contact{margin-top:5px}.contact h2{font-size:20vw}.contact-doodle{width:24%;margin-left:5vw}.contact h2 .contact-doodle{font-size:inherit}.contact h2>span:last-child{margin-left:0}.contact-bottom{padding-top:14px}}

/* Foamy, pen-drawn breakers wrap the masthead. */
.intro{position:relative;isolation:isolate;overflow:hidden;padding-top:42px;padding-bottom:80px}.intro h1{position:relative;z-index:2;margin-top:32px;text-shadow:3px 3px 0 var(--paper),-2px -2px 0 var(--paper)}.hero-surf{position:absolute;inset:0;z-index:0;pointer-events:none}.hero-surf svg{position:absolute;display:block;overflow:visible}.surf-back{width:62%;right:-7%;top:-9%;color:#c3d698;opacity:.48;transform:rotate(-10deg)}.surf-left{width:43%;left:-14%;bottom:-29%;color:#ebadcb;opacity:.5;transform:rotate(9deg)}.surf-small{width:18%;left:39%;top:0;color:#d4d9e6;opacity:.4;transform:rotate(-17deg)}.wave-doodle{color:#477dce;transform:rotate(-9deg);width:clamp(155px,26vw,410px);margin-left:4vw;position:relative;z-index:3}.wave-doodle svg{stroke:none}.project-doodle{color:#477dce}.contact-doodle{color:#477dce}.doodle-1,.doodle-4{width:110px;height:76px}.doodle-4{right:4%}
@media(max-width:700px){.intro{padding-top:36px;padding-bottom:65px}.intro h1{margin-top:22px;text-shadow:2px 2px 0 var(--paper),-1px -1px 0 var(--paper)}.wave-doodle{width:35vw;margin-left:0;margin-top:0}.studio-line{gap:5vw}.surf-back{width:91%;right:-27%;top:-5%;opacity:.38}.surf-left{width:68%;left:-29%;bottom:-25%;opacity:.46}.surf-small{width:29%;left:25%;top:-3%;opacity:.35}.doodle-1,.doodle-4{width:92px;height:63px;bottom:-28px}}

/* One illustrated breaker; restrained, varied line drawings elsewhere. */
:root{--rule:1.5px}
header,.work-toolbar,.contact{border-width:var(--rule)}.project .art,.filters button,nav a:last-child,.identity .dot,dialog,.next-project{border-width:var(--rule)}
.intro{padding-top:36px;padding-bottom:65px}.intro h1{text-shadow:2px 2px 0 var(--paper);margin-top:32px}.hero-linework{position:absolute;inset:0;width:100%;height:100%;color:var(--blue);opacity:.28;pointer-events:none;z-index:0}.hero-linework path{stroke:currentColor;stroke-width:var(--rule);vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.wave-doodle{width:clamp(145px,25vw,390px);margin-left:4vw}.sketch-library #sketch-wave>g>path,.sketch-library #sketch-wave>g>g[fill="#f7f8fa"] path{stroke-width:var(--rule);vector-effect:non-scaling-stroke}.sketch-library #sketch-wave>g>g[clip-path] path{stroke-width:.7px;vector-effect:non-scaling-stroke}.sketch-library #sketch-wave>g>g[fill="none"] path{stroke-width:1px;vector-effect:non-scaling-stroke}
.work-toolbar{gap:0;display:block;border-top:0}.filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;border-top:var(--rule) solid var(--ink)}.filters button{border-left:var(--rule) solid var(--ink);padding:15px 16px}.filters button:first-child{border-left:0}.work-toolbar{margin-bottom:38px}
.project-doodle{color:var(--blue);opacity:.8}.project-doodle svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.project-doodle path{stroke-width:var(--rule);vector-effect:non-scaling-stroke}.doodle-1{width:105px;height:44px;right:4%;bottom:-20px;transform:rotate(-4deg)}.doodle-2{width:65px;height:65px;right:-3%;top:65px;color:#a64c80;transform:rotate(-9deg)}.doodle-4{width:90px;height:42px;right:4%;bottom:-20px;transform:rotate(4deg)}.doodle-6{width:65px;height:52px;right:1%;bottom:-18px;color:#a64c80;transform:rotate(8deg)}
@media(max-width:700px){.intro{padding-top:34px;padding-bottom:52px}.intro h1{margin-top:24px}.wave-doodle{width:34vw;margin-left:0}.hero-linework{opacity:.24}.filters{grid-template-columns:repeat(5,minmax(0,1fr))}.filters button{padding:14px 5px}.work-toolbar{margin-bottom:32px}.doodle-1{width:80px;height:35px;bottom:-21px}.doodle-2{width:52px;height:52px;top:-20px;right:-2%}.doodle-4{width:77px;height:35px;bottom:-18px}.doodle-6{width:50px;height:42px;bottom:-18px}}

/* Loose ocean ink: contour drawing, paper grain, a single coral sunset. */
body:before{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.intro{padding-top:35px;padding-bottom:92px;overflow:hidden;position:relative}.intro h1{position:relative;z-index:2;text-shadow:3px 3px 0 var(--paper),-2px -2px 0 var(--paper);pointer-events:none}.studio-line{margin-top:14px}.ocean-illustration{position:absolute;display:block;right:-5%;bottom:-17%;width:91%;height:auto;z-index:0;pointer-events:none}.ink-contour{position:absolute;display:block;width:145px;height:auto;pointer-events:none;z-index:3;opacity:.72;right:1%;bottom:-26px;transform:rotate(-5deg)}.contour-1{right:5%;bottom:-28px;transform:rotate(4deg)}.contour-2{right:-2%;bottom:-22px;transform:rotate(-9deg)}.project-grid{row-gap:96px}.contact{background:#efb2c8}.contact h2{position:relative}.contact h2:after{content:"";width:22%;height:75px;background:url("ink-contour-2.svg") center/contain no-repeat;margin-left:5%;margin-right:auto;opacity:.7;transform:rotate(-6deg)}.contact h2>span:last-child{order:3}
@media(max-width:700px){.intro{padding-top:30px;padding-bottom:110px}.intro h1{margin-top:23px;text-shadow:2px 2px 0 var(--paper),-2px -2px 0 var(--paper)}.studio-line{margin-top:12px}.ocean-illustration{width:133%;right:-23%;bottom:-5%}.ink-contour{width:102px;bottom:-23px}.project{margin-bottom:65px}.contact h2:after{width:24%;height:45px;margin-left:4%}}

/* About and Reach Out. */
.filters button:nth-child(2){background:#c6dbe8}.filters button:nth-child(5){background:#f0c1db}.filters button[aria-pressed=true]{background:var(--blue);color:#fff}
.reach-out{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:58px 3.4vw 48px;scroll-margin-top:20px}.reach-out h2{font-size:clamp(70px,10vw,160px);line-height:.9;margin:0;display:flex;align-items:center;gap:25px}.reach-out h2:after{display:none}.reach-out h2>span{font-size:.45em}.reach-out-heading>img{width:58%;max-width:260px;transform:rotate(-7deg);margin-top:45px;opacity:.7}.contact-form{min-width:0}.contact-form label{display:flex;flex-direction:column;gap:10px;font-size:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:26px}.contact-form input,.contact-form textarea{background:#ffffff70;border:var(--rule) solid var(--ink);border-radius:0;padding:14px 12px;font:16px Arial,Helvetica,sans-serif;color:var(--ink);width:100%;min-width:0}.contact-form textarea{resize:vertical;min-height:130px}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--blue);outline-offset:3px;background:#ffffffb0}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}.form-bottom>span{font-size:10px;opacity:.7}.form-bottom button{font-family:"League Gothic",Impact,sans-serif;text-transform:uppercase;font-size:26px;display:flex;justify-content:space-between;gap:55px;background:var(--blue);color:#fff;border:var(--rule) solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:12px 20px;min-height:48px}.form-bottom button span{font-family:Arial,sans-serif;font-size:22px}.form-bottom button:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.form-bottom button:disabled{cursor:wait;opacity:.65}.form-status{margin:10px 0 0;font-size:12px}.form-trap{display:none!important}
.about-page,.thanks-page{padding:0 3.4vw}.about-intro{position:relative;isolation:isolate;overflow:hidden;padding:65px 0 90px;border-bottom:var(--rule) solid var(--ink)}.about-intro h1,.thanks-page h1{font-family:"League Gothic",Impact,sans-serif;text-transform:uppercase;font-size:clamp(120px,24vw,370px);line-height:.85;font-weight:400;margin:0;position:relative;z-index:2;text-shadow:3px 3px 0 var(--paper)}.about-ocean{position:absolute;right:-8%;width:72%;bottom:-22%;z-index:0}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:65px 0 95px}.about-content h2{font-family:"League Gothic",Impact,sans-serif;font-size:clamp(50px,8vw,120px);font-weight:400;text-transform:uppercase;line-height:.9;margin:0}.about-content p{font-size:clamp(20px,2.5vw,36px);letter-spacing:-.03em;line-height:1.25;margin:0 0 40px}.about-disciplines{display:grid;grid-template-columns:1fr 1fr;border-top:var(--rule) solid var(--ink)}.about-disciplines a{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;margin-right:20px;font-size:12px}.about-disciplines a span{font-size:10px;color:var(--muted)}.about-reach{display:inline-block;background:var(--blue);color:white;border:var(--rule) solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:14px 22px;margin-top:35px;font-family:"League Gothic",Impact,sans-serif;font-size:28px;text-transform:uppercase}.thanks-page{padding-top:85px;padding-bottom:110px;min-height:70vh}.thanks-page h1{font-size:clamp(80px,16vw,240px)}.thanks-page p{font-size:18px;margin-top:30px}.thanks-page>img{display:block;width:160px;margin:50px 0 0 auto}
@media(max-width:700px){header{gap:15px}.identity{font-size:21px;gap:8px;white-space:nowrap}nav{gap:15px;font-size:17px}nav a:last-child{display:block;border:0;box-shadow:none;padding:0;background:none;font-size:17px}nav sup{display:none}.reach-out{grid-template-columns:1fr;gap:26px;padding:38px 5vw 35px}.reach-out h2{font-size:20vw;justify-content:space-between}.reach-out-heading>img{display:none}.form-row{gap:16px;margin-bottom:22px}.form-bottom button{font-size:26px;padding:12px 18px}.contact-form input,.contact-form textarea{font-size:16px}.about-page,.thanks-page{padding-left:5vw;padding-right:5vw}.about-intro{padding:45px 0 100px}.about-intro h1{font-size:36vw}.about-ocean{width:105%;right:-30%;bottom:-15%}.about-content{grid-template-columns:1fr;gap:35px;padding:40px 0 65px}.about-content h2{font-size:17vw}.about-content p{font-size:25px}.thanks-page{padding-top:65px;padding-bottom:70px}.thanks-page h1{font-size:22vw}}
@media(max-width:370px){.identity{font-size:18px;gap:6px}nav{gap:11px;font-size:15px}nav a:last-child{font-size:15px}.form-row{grid-template-columns:1fr;gap:22px}}

/* Book covers: an uncropped, quiet scrolling gallery. */
.filters .filter-tab{display:flex;align-items:center;justify-content:center;gap:4px;border-left:var(--rule) solid var(--ink);padding:15px 16px;font:700 11px Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--ink);box-shadow:none;background:#d2e5a4;min-width:0}.filters .filter-tab:first-child{border-left:0;background:var(--paper)}.filters .filter-tab:nth-child(2){background:#c6dbe8}.filters .filter-tab:nth-child(3){background:#d2e5a4}.filters .filter-tab:nth-child(4){background:#e8edb9}.filters .filter-tab:nth-child(5){background:#f0c1db}.filters .filter-tab[aria-current=page]{background:var(--blue);color:#fff}.filters .filter-tab:hover{box-shadow:inset 0 -3px 0 var(--ink)}.filters .filter-tab sup{font-family:Arial,sans-serif;font-size:8px;letter-spacing:0;font-weight:400}
.project-grid>.cover-project{grid-column:span 6;padding:0;margin:0;width:100%;cursor:default}.cover-project .cover-art{aspect-ratio:1;background:#fff;overflow:hidden;border:var(--rule) solid var(--ink);box-shadow:4px 4px 0 var(--ink);transition:none}.cover-art>img{display:block;width:100%;height:100%;object-fit:contain}.cover-project:hover .art{transform:none;filter:none;box-shadow:4px 4px 0 var(--ink)}.covers-page{padding:40px 3.4vw 90px}.covers-page .work-toolbar{margin-bottom:36px}.covers-page .filters{gap:0}.covers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}.covers-grid .cover-project{width:100%;margin:0;padding:0}.covers-grid .cover-art{aspect-ratio:1}.covers-grid .cover-project:last-child{grid-column:auto}
@media(max-width:1000px){.covers-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}}
@media(max-width:700px){.filters .filter-tab{font-size:10px;padding:14px 5px;letter-spacing:0}.filters .filter-tab sup{display:inline;font-size:8px}.covers-page{padding:28px 5vw 65px}.covers-page .work-toolbar{margin-bottom:28px}.covers-grid{gap:27px}.project-grid>.cover-project{margin-bottom:35px;width:100%}.covers-grid>.cover-project{width:100%;margin:0}.covers-grid .cover-art{box-shadow:3px 3px 0 var(--ink)}}
@media(max-width:600px){.covers-grid{grid-template-columns:1fr;gap:30px}}

.covers-grid>.cover-project{grid-column:auto}

/* Silent, inline deck loops share the book gallery's frames. */
.decks-page{padding:40px 3.4vw 90px}.decks-page .work-toolbar{margin-bottom:14px}.decks-page .filters{gap:0}.decks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}.decks-grid>.deck-project,.project-grid>.deck-project{grid-column:auto;margin:0;padding:0;width:100%;cursor:default}.project-grid>.deck-project{grid-column:span 6}.deck-project .deck-art{aspect-ratio:16/9;background:#e1e3e5;border:var(--rule) solid var(--ink);box-shadow:4px 4px 0 var(--ink);transition:none;overflow:hidden}.deck-art>video{display:block;width:100%;height:100%;object-fit:contain;background:#e1e3e5}.deck-project:hover .art{transform:none;filter:none;box-shadow:4px 4px 0 var(--ink)}.gallery-motion{display:flex;justify-content:flex-end;margin:0 0 18px}.motion-toggle{display:grid;place-items:center;width:36px;height:34px;border:var(--rule) solid var(--ink);background:var(--paper);box-shadow:2px 2px 0 var(--ink);font-size:18px;line-height:1}.motion-toggle:hover{background:var(--lime)}.motion-toggle[aria-pressed=true]{background:var(--lemon)}
@media(max-width:1000px){.decks-grid{gap:30px}}@media(max-width:700px){.decks-page{padding:28px 5vw 65px}.decks-grid{gap:27px}.project-grid>.deck-project{margin-bottom:35px}.decks-grid>.deck-project{margin:0;width:100%}.deck-project .deck-art{box-shadow:3px 3px 0 var(--ink)}.gallery-motion{margin-bottom:18px}.motion-toggle{width:40px;height:36px}}@media(max-width:600px){.decks-grid{grid-template-columns:1fr;gap:30px}}

.decks-page .gallery-motion{align-items:center;gap:14px}.animation-note{font:12px Arial,Helvetica,sans-serif;line-height:1.4;margin:0;color:var(--ink)}.decks-page .motion-toggle{flex-shrink:0}@media(max-width:600px){.decks-page .gallery-motion{gap:12px;justify-content:flex-start}.animation-note{font-size:11px}}

/* Travel portfolio: preserve the full design in each framed image. */
.travel-page{padding:40px 3.4vw 90px}.travel-page .work-toolbar{margin-bottom:36px}.travel-page .filters{gap:0}.travel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px;align-items:start}.travel-grid>.travel-project,.project-grid>.travel-project{grid-column:auto;margin:0;padding:0;width:100%;cursor:default}.project-grid>.travel-project{grid-column:span 6}.travel-project .travel-art{aspect-ratio:auto;height:auto;border:var(--rule) solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#ddd;overflow:hidden;transition:none}.travel-art>img{display:block;width:100%;height:auto;object-fit:contain}.travel-project:hover .art{transform:none;filter:none;box-shadow:4px 4px 0 var(--ink)}
@media(max-width:1000px){.travel-grid{gap:30px}}@media(max-width:700px){.travel-page{padding:28px 5vw 65px}.travel-page .work-toolbar{margin-bottom:28px}.travel-grid{gap:27px}.project-grid>.travel-project{margin-bottom:35px}.travel-grid>.travel-project{width:100%;margin:0}.travel-project .travel-art{box-shadow:3px 3px 0 var(--ink)}}@media(max-width:600px){.travel-grid{grid-template-columns:1fr;gap:30px}}

.portfolio-collection{margin-top:58px;padding-top:40px;border-top:var(--rule) solid var(--line);scroll-margin-top:25px}@media(max-width:700px){.portfolio-collection{margin-top:40px;padding-top:28px}}

/* Client marks and editorial biography. */
.about-bio p{font-size:clamp(18px,1.65vw,25px);line-height:1.6;letter-spacing:-.015em;margin:0 0 27px}.about-bio p:last-child{margin-bottom:38px}
.client-logos{overflow:hidden;position:relative;border-bottom:1px solid var(--line);margin:-8px 0 24px;padding:23px 0;background:transparent;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}.logo-track{display:flex;width:max-content;animation:client-scroll 145s linear infinite;will-change:transform}.logo-group{display:flex;align-items:center;gap:46px;padding:0 23px;flex-shrink:0}.client-logo{width:144px;height:64px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.client-logo img{display:block;object-fit:contain;width:132px;height:46px;filter:grayscale(1);mix-blend-mode:multiply;opacity:.83}.client-3m img{width:76px}.client-four-seasons img,.client-philips img,.client-ups img{height:59px}.client-wells-fargo img{width:66px;height:60px}.client-logos:hover .logo-track,.work:has(.motion-toggle[aria-pressed=true]) .logo-track{animation-play-state:paused}@keyframes client-scroll{to{transform:translateX(-50%)}}
@media(min-width:801px){.covers-grid,.decks-grid,.travel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.project-grid,.project-grid.is-filtered{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:30px;row-gap:38px}.project-grid>.project,.project-grid.is-filtered>.project{grid-column:auto;margin:0;padding:0;width:100%}.project-grid>.project .ink-contour{display:none}}
@media(min-width:601px) and (max-width:800px){.covers-grid,.decks-grid,.travel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.covers-grid,.decks-grid,.travel-grid{grid-template-columns:1fr}.client-logos{padding:18px 0;margin-bottom:22px}.client-logo{width:116px;height:55px}.client-logo img{width:108px;height:38px}.client-four-seasons img,.client-philips img,.client-ups img{height:49px}.client-wells-fargo img{height:46px;width:50px}.logo-group{gap:30px;padding:0 15px}.client-3m img{width:68px}.about-bio p{font-size:18px;line-height:1.6;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.logo-track{animation:none;will-change:auto}.client-logos{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.logo-group[aria-hidden=true]{display:none}}

/* Scale the client strip down by exactly 20 percent. */
.client-logo{width:115.2px;height:51.2px}.client-logo img{flex-shrink:0;transform:scale(.8);transform-origin:center}.logo-group{gap:36.8px;padding-left:18.4px;padding-right:18.4px}.client-logos{padding-top:18.4px;padding-bottom:18.4px}@media(max-width:600px){.client-logo{width:92.8px;height:44px}.logo-group{gap:24px;padding-left:12px;padding-right:12px}.client-logos{padding-top:14.4px;padding-bottom:14.4px}}

.client-colgate-palmolive{width:160px}.client-colgate-palmolive img{width:184px}@media(max-width:600px){.client-colgate-palmolive{width:136px}.client-colgate-palmolive img{width:160px}}

/* The homepage is a four-part portfolio index. */
.home-work .work-toolbar{margin-bottom:0}.home-statement{font:clamp(16px,1.75vw,24px)/1.5 Arial,Helvetica,sans-serif;letter-spacing:-.018em;margin:30px 0 34px;max-width:100%}.category-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.category-card{position:relative;isolation:isolate;display:flex;align-items:flex-end;aspect-ratio:1.7;min-width:0;padding:24px 28px;border:var(--rule) solid var(--ink);box-shadow:5px 5px 0 var(--ink);overflow:hidden;transition:transform .2s,box-shadow .2s;background:#d1dce3}.category-covers{background:#dceac0}.category-decks{background:#e8edc3}.category-travel{background:#ecd0df}.category-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.24;mix-blend-mode:multiply;z-index:-1;transition:opacity .25s,transform .4s}.category-card h2{font-family:"League Gothic",Impact,"Arial Narrow",sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(78px,11.5vw,175px);letter-spacing:-.015em;line-height:.85;margin:0;color:var(--ink)}.category-arrow{position:absolute;top:18px;right:22px;font:34px Arial,Helvetica,sans-serif;transition:transform .25s}.category-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.category-card:hover>img{opacity:.36;transform:scale(1.025)}.category-card:hover .category-arrow{transform:translate(2px,-2px)}.category-covers>img{object-position:center 45%}.category-decks>img{object-position:center}.home-clients{margin-top:48px}.home-clients .client-logos{margin:0;padding-top:25px;padding-bottom:25px;border-top:1px solid var(--line)}.home-clients .gallery-motion{margin-top:14px;margin-bottom:0}.home-work{padding-bottom:70px}
.brand-page{padding:40px 3.4vw 90px}.brand-page .work-toolbar{margin-bottom:36px}.brand-page .filters{gap:0}.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start}.brand-grid>.project{grid-column:auto;margin:0;padding:0;width:100%}
@media(max-width:800px){.category-card{padding:20px;aspect-ratio:1.35}.category-card h2{font-size:clamp(65px,13vw,105px)}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-arrow{font-size:28px;right:17px;top:14px}}
@media(max-width:600px){.category-cards{grid-template-columns:1fr;gap:24px}.category-card{aspect-ratio:1.65;padding:22px 24px;box-shadow:4px 4px 0 var(--ink)}.category-card h2{font-size:25vw}.home-statement{font-size:17px;line-height:1.5;margin:23px 0 28px;max-width:32ch}.home-clients{margin-top:34px}.home-clients .client-logos{padding-top:18px;padding-bottom:18px}.home-work{padding-bottom:45px}.brand-page{padding:28px 5vw 65px}.brand-grid{grid-template-columns:1fr;gap:35px}.brand-grid>.project{margin:0;width:100%}}
@media(prefers-reduced-motion:reduce){.category-card,.category-card>img,.category-arrow{transition:none}}

/* Brand work: full artwork, simple frames, no captions or expansion. */
.brand-grid>.brand-project{cursor:default}.brand-project .brand-art{aspect-ratio:1;background:#fff;border:var(--rule) solid var(--ink);box-shadow:4px 4px 0 var(--ink);overflow:hidden;transition:none}.brand-art>img{display:block;width:100%;height:100%;object-fit:contain}.brand-project.brand-dark .brand-art{background:#252729}.brand-project:hover .art{transform:none;filter:none;box-shadow:4px 4px 0 var(--ink)}
@media(max-width:600px){.brand-project .brand-art{box-shadow:3px 3px 0 var(--ink)}}

/* Give every Brand mark a maximum 70% footprint and a matching color field. */
.brand-project .brand-art{display:flex;align-items:center;justify-content:center}.brand-art>img{width:70%;height:70%;object-fit:contain;flex:none}

/* Photographic Brand pieces fill their frames without cropping their artwork. */
.brand-full .brand-art{aspect-ratio:auto;height:auto}.brand-full .brand-art>img{width:100%;height:auto;object-fit:contain}

/* A framed portrait follows the first-person About biography. */
.about-portrait{margin:32px 0 0;border:var(--rule) solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--paper);width:100%;overflow:hidden}.about-portrait img{display:block;width:100%;height:auto}.about-bio p:last-child{margin-bottom:0}@media(max-width:700px){.about-portrait{margin-top:28px;box-shadow:3px 3px 0 var(--ink)}}

/* Small blue descriptor tucked into the existing masthead gap. */
.intro .studio-line{position:relative}.intro .masthead-tag{position:absolute;left:3px;bottom:100%;margin-bottom:-2px;color:var(--blue);font-family:Arial,Helvetica,sans-serif;font-size:clamp(11px,1.6vw,24px);font-weight:700;line-height:1;letter-spacing:.16em;text-transform:lowercase;text-shadow:none;white-space:nowrap}

/* Match the tagline type and distribute the descriptor across STUDIO. */
.intro .studio-line{width:max-content}.intro .masthead-tag{left:3px;right:3px;display:flex;justify-content:space-between;align-items:center;font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:clamp(11px,1.8vw,26px);letter-spacing:0;color:var(--ink)}

/* Keep the descriptor aligned precisely from the T through the O. */
.intro .studio-line{display:block}.studio-tail{display:inline-block;position:relative}.intro .masthead-tag{left:0;right:3px}
/* Brief category introductions share the homepage statement typography. */
.brand-page .work-toolbar,.covers-page .work-toolbar,.decks-page .work-toolbar,.travel-page .work-toolbar{margin-bottom:24px}.category-intro{margin:0 0 30px;max-width:100%}@media(max-width:600px){.category-intro{margin:0 0 26px;max-width:36ch}}

/* Keep the deck introduction and pause control on the same row. */
.deck-intro-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 30px}.deck-intro-row .category-intro{margin:0;max-width:none;flex:1}.decks-page .deck-intro-row .gallery-motion{flex:0 0 auto;margin:0}@media(max-width:600px){.deck-intro-row{gap:16px;margin-bottom:26px}.decks-page .deck-intro-row .gallery-motion{align-self:center}}

/* One gap-free portfolio index, with the selected category's own introduction. */
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start}.portfolio-grid>.project{grid-column:auto;margin:0;padding:0;width:100%;cursor:default}.portfolio-grid>.project[hidden],.portfolio-intro-row .gallery-motion[hidden]{display:none!important}.portfolio-intro-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:30px 0 34px}.portfolio-intro-row .home-statement{margin:0;flex:1;max-width:none}.portfolio-intro-row .gallery-motion{margin:0;flex:0 0 auto}.project .art,.project:hover .art{box-shadow:4px 4px 0 var(--thumbnail-shadow,var(--blue))}.portfolio-grid>.project:hover .art{transform:none;filter:none}
@media(max-width:800px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.portfolio-grid{grid-template-columns:1fr;gap:30px}.portfolio-intro-row{gap:16px;margin:23px 0 28px}.project .art,.project:hover .art{box-shadow:3px 3px 0 var(--thumbnail-shadow,var(--blue))}}

/* Filtering motion is handled per card; reduced-motion visitors switch immediately. */
.portfolio-grid[aria-busy=true]{isolation:isolate}

/* Center differently proportioned pieces within each portfolio row. */
.portfolio-grid,.brand-grid,.covers-grid,.decks-grid,.travel-grid{align-items:center}
.brochure-project .brochure-art{aspect-ratio:1;background:#e5e7e8;border:var(--rule) solid var(--ink);overflow:hidden;display:grid;place-items:center;perspective:1000px}.brochure-page{display:block;width:100%;height:100%;object-fit:contain;transform-origin:left center;backface-visibility:hidden}.travel-intro-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 30px}.travel-intro-row .category-intro{margin:0;flex:1}.travel-intro-row .gallery-motion{margin:0;flex:0 0 auto}@media(max-width:600px){.travel-intro-row{gap:16px;margin-bottom:26px}}

/* Enlarge Sinuosa and blend its pink photograph into the full thumbnail. */
.wine-project .wine-art{background:linear-gradient(90deg,#ffe6e7,transparent),linear-gradient(180deg,#f8e1e2,#f0d9da)}.wine-project .wine-art>img{height:95%;width:auto;max-width:100%;object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}

/* Category tabs share one border treatment, including the last Travel link. */
.filters .filter-tab{border:0;border-left:var(--rule) solid var(--ink);border-radius:0;box-shadow:none}.filters .filter-tab:first-child{border-left:0}

/* Keep each category's color stable when changing the active tab. */
.filters .filter-tab:nth-child(1){--tab-color:var(--blue);background:var(--tab-color);color:#fff}.filters .filter-tab:nth-child(2){--tab-color:#f0c1db;background:var(--tab-color)}.filters .filter-tab:nth-child(3){--tab-color:var(--lime);background:var(--tab-color)}.filters .filter-tab:nth-child(4){--tab-color:#d5ccef;background:var(--tab-color)}.filters .filter-tab:nth-child(5){--tab-color:#f2df96;background:var(--tab-color)}.filters .filter-tab[aria-current=page]{background:var(--tab-color);color:var(--ink);box-shadow:inset 0 -3px 0 var(--ink)}.filters .filter-tab:first-child[aria-current=page]{color:#fff}

/* One drawn Reach Out arrow across desktop and mobile, with no emoji fallback. */
.reach-arrow{display:inline-block;width:.9em;height:.9em;vertical-align:-.06em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:square;stroke-linejoin:miter;flex-shrink:0}.about-portrait{width:70%}

/* Match the form heading and Send arrow to the shared desktop/mobile icon. */
.reach-out h2>span{display:inline-flex;align-items:center}.form-bottom button{align-items:center}