@font-face{font-family:DM;src:url('/fonts/dm-sans-latin.woff2?v=5085fb816c5b6f19') format('woff2');font-display:swap}@font-face{font-family:IS;src:url('/fonts/instrument-serif-italic-latin.woff2?v=5085fb816c5b6f19') format('woff2');font-style:italic;font-display:swap}
:root{--ink:#111513;--chalk:#f2f1eb;--stroke:#cacbc2;--lime:#d7ff56;--muted:#686b63;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--chalk);color:var(--ink);font-family:DM,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #89a800;outline-offset:4px}header{position:sticky;top:0;background:rgba(242,241,235,.95);z-index:30;backdrop-filter:blur(22px);border-bottom:1px solid var(--stroke)}.shell{max-width:1550px;padding-left:clamp(20px,5.1vw,90px);padding-right:clamp(20px,5.1vw,90px);margin:auto}.head{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.mark{font-size:32px;font-weight:800;letter-spacing:-.1em}.mark b{color:#7b9f04}.mark small{font-size:10px;letter-spacing:.13em;font-weight:600;margin-left:24px;vertical-align:middle}.head-right{display:flex;align-items:center;gap:28px}.head-right a{font-size:12px}.head-right .back{border:1px solid #aeb0a5;border-radius:100px;padding:12px 18px}.intro{padding-top:clamp(68px,10vw,160px);padding-bottom:clamp(58px,7vw,100px)}.eyebrow{font-size:10px;letter-spacing:.21em;font-weight:700;text-transform:uppercase}.intro h1{max-width:1120px;margin:25px 0 45px;font-size:clamp(63px,10vw,155px);font-weight:560;letter-spacing:-.105em;line-height:.87}.intro h1 i{font-family:IS,Georgia,serif;font-weight:400;color:#748f34}.intro-copy{border-top:1px solid #9b9c93;padding-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:42px}.intro-copy>p{margin:0;font-size:clamp(18px,2.1vw,28px);line-height:1.42;max-width:780px;letter-spacing:-.045em}.intro-copy aside{max-width:300px;justify-self:end;font-size:13px;line-height:1.8;color:var(--muted)}.legend{background:var(--ink);color:#e9ebe4;padding-top:28px;padding-bottom:27px;display:flex;align-items:center;gap:26px;flex-wrap:wrap;font-size:11px}.legend strong{letter-spacing:.1em;color:var(--lime)}.portfolio{padding-top:88px;padding-bottom:140px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:22px;margin-bottom:26px}.section-head h2{font-size:clamp(32px,4vw,58px);line-height:1;letter-spacing:-.085em;margin:0}.section-head span{font-size:12px;color:var(--muted)}.tabs{display:flex;align-items:center;flex-wrap:wrap;gap:9px;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);padding:16px 0 18px;margin-bottom:40px}.tab{background:transparent;border:1px solid #bbbcb2;border-radius:100px;padding:11px 17px;font-size:12px;color:#3e403b}.tab[aria-pressed=true],.tab:hover{background:var(--ink);border-color:var(--ink);color:var(--chalk)}.cards{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px}.project{grid-column:span 6;position:relative;min-width:0}.project:nth-child(5n+1){grid-column:span 7}.project:nth-child(5n+2){grid-column:span 5}.project[hidden]{display:none}.thumb{height:clamp(300px,38vw,555px);position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;padding:clamp(22px,3vw,46px);transition:filter .25s}.project:nth-child(5n+2) .thumb{height:clamp(300px,38vw,555px)}.thumb:after{content:'';position:absolute;inset:0;pointer-events:none;transition:box-shadow .25s}.project:hover .thumb:after{box-shadow:inset 0 0 0 5px rgba(255,255,255,.6)}.thumb .top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.thumb h3{margin:auto 0;text-wrap:balance;font-weight:500;letter-spacing:-.075em;line-height:.97;font-size:clamp(40px,5vw,93px)}.thumb .bottom{font-size:11px;letter-spacing:.13em;text-transform:uppercase;z-index:3}.thumb i{font-family:IS,Georgia,serif;font-weight:400}.thumb:before{content:'';position:absolute;inset:auto;pointer-events:none}.p-meridian{background:#dcd3c1;color:#343b36}.p-meridian:before{height:89%;width:58%;right:5%;bottom:-32%;background:linear-gradient(90deg,#707a70 0 20%,#b0afa1 20% 22%,#707a70 22% 38%,#c5beab 38% 42%,#909788 42% 65%,#dad2bd 65% 68%,#70786d 68%);clip-path:polygon(10% 0,96% 11%,100% 100%,0 100%);opacity:.7}.p-form{background:#e9e6dc;color:#2f332e}.p-form:before{width:48%;height:72%;right:13%;bottom:-9%;background:linear-gradient(160deg,#c2b6a1 0 25%,#8b907c 25% 26%,#e9dfce 26% 58%,#8d806e 58%);transform:skew(-13deg)}.p-still{background:#192821;color:#ede5d7}.p-still:before{width:80%;height:95%;right:-16%;bottom:-38%;border-radius:52% 52% 0 0;border:42px solid #9a9b75;opacity:.33}.p-north{background:#e9f0eb;color:#34554a}.p-north:before{right:4%;top:12%;width:46%;aspect-ratio:1;border-radius:100%;background:radial-gradient(circle,#b4d4be 0 37%,transparent 38% 56%,#9ec5b4 57% 59%,transparent 60%);opacity:.8}.p-morrow{background:#b8b1a7;color:#302b29}.p-morrow:before{width:41%;height:66%;right:8%;bottom:8%;border-radius:45% 45% 21% 21%;background:radial-gradient(circle at 30% 24%,#dcd2c1 0 5%,transparent 8%),linear-gradient(112deg,#3e4b41,#5d6b5b 70%,#38443a);box-shadow:inset -20px -10px 30px #2d3b36,16px 18px 0 #aaa293}.project-info{padding:20px 2px 26px;display:flex;justify-content:space-between;gap:18px;align-items:start;border-bottom:1px solid var(--stroke)}.project-info .category{font-size:10px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.project-info h4{font-size:clamp(21px,2.2vw,31px);font-weight:500;margin:7px 0;letter-spacing:-.05em}.project-info p{font-size:13px;line-height:1.55;max-width:430px;color:#6a6a62;margin:0}.visit{border:1px solid #a2a39a;border-radius:100%;display:grid;place-items:center;font-size:26px;flex:none;width:49px;height:49px;transition:transform .2s,background .2s}.project:hover .visit{background:var(--lime);transform:rotate(-45deg)}.category-panel{padding:100px 0 60px;border-top:1px solid var(--stroke);display:grid;grid-template-columns:1fr 1fr;gap:50px}.category-panel h2{font-size:clamp(39px,5vw,75px);letter-spacing:-.09em;line-height:1;margin:12px 0 0}.category-panel p{max-width:520px;font-size:16px;line-height:1.8;color:#585d54;margin:0}.sector-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.sector-nav a{border-bottom:1px solid #787f74;padding-bottom:7px;font-size:12px}.bottom-cta{background:#171b18;color:#f0f0e8;padding:clamp(38px,5vw,80px);margin-bottom:70px;display:flex;justify-content:space-between;gap:25px;align-items:end}.bottom-cta h2{font-size:clamp(41px,5vw,80px);letter-spacing:-.08em;font-weight:500;max-width:850px;margin:10px 0 0;line-height:1}.bottom-cta a{background:var(--lime);border-radius:100px;color:#20261a;padding:17px 24px;white-space:nowrap;font-size:13px}.foot{padding:30px 0 50px;border-top:1px solid var(--stroke);display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;color:var(--muted);font-size:11px}.invisible{position:absolute;clip-path:inset(50%);height:1px;width:1px;white-space:nowrap;overflow:hidden}
@media(max-width:760px){.head{height:64px}.mark{font-size:27px}.mark small{display:none}.head-right>a:not(.back){display:none}.intro{padding-top:62px;padding-bottom:70px}.intro h1{font-size:clamp(64px,12vw,95px);margin-bottom:34px}.intro-copy{grid-template-columns:1fr;gap:18px}.intro-copy aside{justify-self:start}.portfolio{padding-top:56px;padding-bottom:80px}.section-head{align-items:start;flex-direction:column}.cards{display:block}.project{margin-bottom:32px}.thumb,.project:nth-child(5n+2) .thumb{height:430px}.thumb h3{font-size:clamp(55px,11vw,76px)}.category-panel{padding:70px 0;grid-template-columns:1fr;gap:23px}.bottom-cta{align-items:start;flex-direction:column}.bottom-cta a{margin-top:18px}.head-right .back{padding:10px 13px;font-size:11px}}@media(max-width:370px){.thumb{height:345px}.thumb h3{font-size:55px}.head-right .back{font-size:10px}.tabs{gap:7px}.tab{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}


/* Index thumbnails: five additional original art-direction studies. */
.p-court{background:#c8bcb0;color:#2d3531}.p-court::after{content:"";position:absolute;width:39%;height:63%;right:9%;bottom:4%;background:repeating-linear-gradient(90deg,#87968a 0 3px,transparent 3px 39px),repeating-linear-gradient(0deg,#52655e 0 4px,#b6c1b7 5px 39px);transform:perspective(400px) rotateY(-12deg);border:16px solid #8d988e;box-shadow:17px 16px 0 #5d655e55;opacity:.72}.p-court h3{position:relative;z-index:1;color:#2b302b}.p-court h3 i{color:#936a5e}
.p-lumin{background:#1c2127;color:#e9e8d7}.p-lumin::after{content:"";position:absolute;right:10%;bottom:-14%;width:49%;height:90%;background:linear-gradient(135deg,#e0dfd0 0 37%,#6e827c 37% 62%,#b09b85 62% 100%);clip-path:polygon(0 23%,88% 0,100% 88%,26% 100%);box-shadow:0 0 60px #0005;opacity:.78}.p-lumin h3{position:relative;z-index:1}.p-lumin h3 i{color:#c9b59e}
.p-inlet{background:linear-gradient(150deg,#718d91,#d1c3a4 66%,#f1d6ae);color:#192c36}.p-inlet::after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(0deg,#315b69 0 11%,#8ca7aa 11% 13%,#d9d4bf 13% 16%,transparent 16%);opacity:.86}.p-inlet h3{position:relative;z-index:1}.p-inlet h3 i{color:#e8efe4}
.p-common{background:#e6ddd2;color:#30493f}.p-common::after{content:"+";position:absolute;right:12%;top:27%;font:300 235px/1 Georgia,serif;color:#c4d0c4;transform:rotate(11deg)}.p-common h3{position:relative;z-index:1}.p-common h3 i{color:#668b78}
.p-nomi{background:#f2e3c9;color:#334c5e}.p-nomi::after{content:"NOMI";position:absolute;right:8%;top:19%;width:32%;height:59%;display:flex;align-items:flex-start;padding:10%;font:bold 36px/1 Arial;background:#efac65;transform:rotate(14deg);box-shadow:14px 17px 0 #354a6099;letter-spacing:-.1em}.p-nomi h3{position:relative;z-index:1}.p-nomi h3 i{color:#cb7545}

/* New studies: each thumbnail previews its project's visual logic. */
.p-study{background:var(--thumb-soft);color:var(--thumb-ink)}
.p-study h3{position:relative;z-index:2;max-width:83%;color:var(--thumb-ink)}
.p-study h3 i{color:var(--thumb-accent)}
.p-study .thumb-art{position:absolute;inset:13% 5% 5% 49%;overflow:hidden;opacity:.7;pointer-events:none}
.p-study .thumb-art>*{position:absolute;display:block;border:2px solid var(--thumb-ink)}
.p-study .thumb-art span{inset:8% 15% 15% 8%;border-radius:46% 50% 5% 10%;transform:rotate(-16deg)}
.p-study .thumb-art i{inset:20% 2% 2% 19%;border-radius:50% 1% 30% 12%;transform:rotate(19deg)}
.p-study .thumb-art b{inset:32% 25% 8% 0;border-width:7px;border-color:var(--thumb-accent);opacity:.65;transform:rotate(11deg)}
.p-low-land .thumb-art span,.p-salt-stay .thumb-art span,.p-well-path .thumb-art span{border-radius:45%;border-width:2px;transform:scale(1.1)}
.p-cove-row .thumb-art span,.p-grain-office .thumb-art span,.p-arc-frame .thumb-art span{border-radius:1px;transform:rotate(4deg)}
.p-hearth-hide .thumb-art span,.p-seed-skin .thumb-art span{transform:rotate(30deg);border-radius:48% 48% 15% 15%}
.p-soft-dental .thumb-art b,.p-amble-mind .thumb-art b{border-radius:50%}
.p-white-room{background:#272b2d;color:#eaeae4}.p-white-room h3{color:#eaeae4}
.p-white-room .thumb-art>*{border-color:#eaeae4}.p-white-room h3 i{color:#b4c1b9}
.p-arc-frame,.p-amble-mind,.p-hearth-hide{background:var(--thumb-ink);color:var(--thumb-paper)}
.p-arc-frame h3,.p-hearth-hide h3,.p-amble-mind h3,.p-seed-skin h3,.p-low-land h3{color:var(--thumb-paper)}
.p-arc-frame .thumb-art>*,.p-hearth-hide .thumb-art>*,.p-amble-mind .thumb-art>*,.p-seed-skin .thumb-art>*,.p-low-land .thumb-art>*{border-color:var(--thumb-accent)}
.p-low-land,.p-amble-mind,.p-seed-skin{background:var(--thumb-ink)}
.p-halo-light{background:radial-gradient(circle at 76% 52%,#f1cf88,var(--thumb-ink) 48%,#1d2830)}.p-halo-light h3{color:var(--thumb-paper)}
.p-halo-light .thumb-art>*{border-color:var(--thumb-accent)}
.p-weft-home .thumb-art span{border-radius:0;box-shadow:17px 12px 0 var(--thumb-accent),-15px -14px 0 #e1d0bf}
.p-terraces .thumb-art{opacity:1}
.more-wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:32px 0 55px;border-top:1px solid var(--stroke);padding-top:25px}
.more-studies{border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:16px 22px;font:600 11px/1.2 var(--sans);letter-spacing:.04em;cursor:pointer}
.more-studies span{margin-left:28px}
.more-studies:hover,.more-studies:focus-visible{background:var(--lime);color:var(--ink)}
.more-studies[hidden]{display:none}
.more-detail{font-size:11px;color:var(--muted)}
@media(max-width:600px){.more-wrap{flex-direction:column;align-items:stretch}.more-studies{width:100%}.p-study h3{font-size:clamp(36px,9vw,57px)}}

.cards[data-filtered=true] .project:not([hidden]){grid-column:1/-1}.cards[data-filtered=true] .thumb{height:clamp(340px,46vw,600px)}

/* Curated full-site study — separate from the 25 thumbnail design archive. */
.featured-experience{margin-block:48px 94px;padding:clamp(32px,5.5vw,80px);background:#263c35;color:#f8f5eb;display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:48px}
.featured-experience .eyebrow{font-size:10px;letter-spacing:.17em;color:#d4dbc9}
.featured-experience h2{font:400 clamp(42px,4.7vw,80px)/1.06 Georgia,serif;letter-spacing:-.055em;margin:24px 0}
.featured-experience p:not(.eyebrow){max-width:590px;font-size:15px;line-height:1.65;color:#e1e8db}
.featured-experience .feature-truth{font-size:11px!important;opacity:.8;margin-top:22px}
.featured-experience-link{display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;border-bottom:1px solid #fff;padding:16px 0;font-weight:700;font-size:13px}
.featured-experience-link:hover,.featured-experience-link:focus-visible{color:#e3eec9}
@media(max-width:760px){.featured-experience{grid-template-columns:1fr;gap:26px;margin-block:35px 70px}.featured-experience h2{font-size:clamp(42px,9vw,65px)}}

/* Five complete website experiences: editorial evidence before the thumbnail archive. */
.complete-site-section{padding-top:72px;padding-bottom:76px}
.complete-site-heading{display:grid;grid-template-columns:1.35fr 1fr;align-items:end;gap:55px;margin-bottom:37px}
.complete-site-heading h2{font:400 clamp(43px,5.6vw,82px)/1.05 Georgia,"Times New Roman",serif;letter-spacing:-.06em;margin:19px 0 0;color:var(--ink)}
.complete-site-heading h2 i{color:#697d51;font-weight:400}
.complete-site-heading>p{max-width:440px;color:var(--muted);font-size:15px;line-height:1.8}
.complete-site-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.complete-site-card{grid-column:span 4;display:flex;flex-direction:column;min-width:0;border:1px solid var(--stroke);background:#f4f1e9}
.complete-site-card:nth-child(1),.complete-site-card:nth-child(2){grid-column:span 6}
.complete-site-visual{display:block;height:clamp(250px,29vw,395px);overflow:hidden;background:#dfd9cc}
.complete-site-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s ease}
.complete-site-visual:hover img,.complete-site-visual:focus-visible img{transform:scale(1.035)}
.complete-site-card:nth-child(2) .complete-site-visual{background:#deddd3}
.complete-site-card:nth-child(3) .complete-site-visual{background:#313e37}
.complete-site-card:nth-child(4) .complete-site-visual{background:#dbe5de}
.complete-site-card:nth-child(5) .complete-site-visual{background:#e1d4c6}
.complete-site-body{display:flex;flex-direction:column;flex:1;padding:25px clamp(20px,2.3vw,35px) 31px}
.complete-site-meta{font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#5b685f}
.complete-site-body h3{font:400 clamp(27px,2.2vw,36px)/1.05 Georgia,serif;letter-spacing:-.035em;margin:13px 0 18px;color:#26312b}
.complete-site-body p{font-size:13px;color:#535b52;line-height:1.7;margin:0 0 11px}
.complete-site-body .complete-site-lede{font-size:17px;line-height:1.4;color:#1f2d27}
.complete-site-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:auto;padding-top:28px}
.complete-site-links a{font-size:12px;font-weight:700;line-height:1.3;border-bottom:1px solid currentColor;padding:6px 0;color:#263a31}
.complete-site-links a:hover,.complete-site-links a:focus-visible{color:#6b7847}
@media(max-width:840px){.complete-site-heading{grid-template-columns:1fr;gap:9px}.complete-site-card,.complete-site-card:nth-child(1),.complete-site-card:nth-child(2){grid-column:span 6}}
@media(max-width:600px){.complete-site-section{padding-top:44px;padding-bottom:44px}.complete-site-grid{display:block}.complete-site-card,.complete-site-card:nth-child(1),.complete-site-card:nth-child(2){margin-bottom:19px}.complete-site-visual{height:300px}.complete-site-body{padding:22px}.complete-site-heading h2{font-size:clamp(43px,9.5vw,62px)}}
@media(prefers-reduced-motion:reduce){.complete-site-visual img{transition:none}}