:root{--ink:#172120;--paper:#f1efe9;--coral:#ef6f5e;--sage:#b7c8bc;--yellow:#f5c960;--line:rgba(23,33,32,.18);--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px}a{color:inherit;text-decoration:none}.site-header{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.wordmark{font:500 17px var(--mono);letter-spacing:.06em}.wordmark span{font-weight:500}.site-header nav{display:flex;align-items:center;gap:2.1rem;font-size:14px}.nav-cta{border:1px solid var(--ink);padding:11px 16px;border-radius:99px}.nav-cta span,.button span{font-size:18px;margin-left:12px}.section-pad{padding:8.5rem 10vw}.hero{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center;padding-top:7.5rem;padding-bottom:8rem}.eyebrow{font:500 11px var(--mono);letter-spacing:.16em;margin:0 0 1.7rem;color:#4e625d}.hero h1{font:600 clamp(3.6rem,6.7vw,7rem);line-height:.94;letter-spacing:-.065em;margin:0 0 2rem}.hero h1 em,h2 em{font-family:var(--serif);font-weight:500;letter-spacing:-.06em}.lede{font-size:1.13rem;line-height:1.6;max-width:520px;color:#495451}.hero-actions{display:flex;align-items:center;gap:1.6rem;margin-top:2.8rem}.button{display:inline-flex;align-items:center;padding:15px 20px;border-radius:99px;font-size:14px;font-weight:700}.button-dark{background:var(--ink);color:var(--paper)}.button-light{background:var(--paper);color:var(--ink)}.text-link{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:4px}.text-link span{margin-left:10px}.hero-note{display:flex;align-items:center;gap:12px;margin-top:4rem;font:11px var(--mono);line-height:1.5;letter-spacing:.04em}.scribble{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--ink);border-radius:50%;font-size:18px}.hero-image-wrap{position:relative}.image-frame{background:var(--coral);padding:16px 16px 70px;transform:rotate(2deg);box-shadow:20px 24px 0 var(--sage)}.image-frame img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 35%;filter:saturate(.86)}.image-caption{position:absolute;bottom:20px;left:36px;font:10px var(--mono);line-height:1.5;letter-spacing:.12em}.image-caption span{color:#597069}.marquee{background:var(--yellow);padding:16px 0;overflow:hidden;white-space:nowrap;font:500 13px var(--mono);letter-spacing:.15em}.marquee div{word-spacing:1.5rem;animation:slide 28s linear infinite}@keyframes slide{to{transform:translateX(-18%)}}h2{font:600 clamp(3rem,5.5vw,5.5rem) var(--sans);line-height:.94;letter-spacing:-.07em;margin:0}.work{background:#dce6df}.section-intro{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:3rem;align-items:end;margin-bottom:4.5rem}.section-intro>p:last-child{line-height:1.6;max-width:280px;margin:0 0 3px;color:#55635e}.reel-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:3rem}.reel-card{min-width:0}.media-wrap{background:#182321;position:relative}.media-wrap video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.media-label{position:absolute;top:16px;left:16px;background:var(--paper);font:10px var(--mono);padding:8px 10px;letter-spacing:.1em}.card-meta{padding:17px 0;border-top:1px solid var(--ink);margin-top:16px}.card-meta h3,.card-meta p{margin:0}.card-meta h3{font-size:1.35rem}.card-meta p{color:#5d6a65;line-height:1.5;margin-top:5px}.voice-card{background:var(--coral);padding:22px}.sound-art{height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;background:#e97967}.sound-dot{width:70px;height:70px;border:1px solid var(--ink);border-radius:50%;position:relative}.sound-dot:after{content:'';position:absolute;inset:13px;border:1px solid var(--ink);border-radius:50%}.waveform{display:flex;align-items:center;height:45px;gap:4px}.waveform i{display:block;width:3px;background:var(--ink);height:var(--h,20px);border-radius:2px}.waveform i:nth-child(1){height:12px}.waveform i:nth-child(2){height:25px}.waveform i:nth-child(3){height:35px}.waveform i:nth-child(4){height:18px}.waveform i:nth-child(5){height:42px}.waveform i:nth-child(6){height:27px}.waveform i:nth-child(7){height:13px}.waveform i:nth-child(8){height:35px}.waveform i:nth-child(9){height:45px}.waveform i:nth-child(10){height:24px}.waveform i:nth-child(11){height:14px}.waveform i:nth-child(12){height:31px}.waveform i:nth-child(13){height:39px}.waveform i:nth-child(14){height:20px}.waveform i:nth-child(15){height:30px}.waveform i:nth-child(16){height:43px}.waveform i:nth-child(17){height:26px}.waveform i:nth-child(18){height:13px}.waveform i:nth-child(19){height:33px}.sound-note{font:10px var(--mono);letter-spacing:.18em}.audio-row{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:17px 0}.audio-row strong,.audio-row span{display:block}.audio-row strong{font-size:14px}.audio-row span{font-size:12px;margin-top:4px}.audio-row audio{grid-column:1/-1;width:100%;height:34px}.play-button{width:40px;height:40px;border-radius:50%;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:12px}.voice-card .card-meta{border-color:var(--ink)}.range{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;align-items:center}.range-art{position:relative}.range-art img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;filter:grayscale(1);display:block}.side-label{position:absolute;right:-42px;top:38px;writing-mode:vertical-rl;font:10px var(--mono);letter-spacing:.15em}.range-copy h2{margin-bottom:3rem}.range-list{border-top:1px solid var(--line)}.range-list>div{display:grid;grid-template-columns:40px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.range-list span{font:11px var(--mono);color:#65726d}.range-list h3{font-size:1.1rem;margin:0 0 5px}.range-list p{font-size:14px;line-height:1.5;margin:0;color:#596660;max-width:440px}.gallery{background:var(--yellow)}.gallery-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:4rem}.gallery-head>p{max-width:260px;line-height:1.5;margin:0}.photo-grid{display:grid;grid-template-columns:1.1fr .85fr .85fr;gap:1.5rem;align-items:end}.photo-grid img{width:100%;aspect-ratio:1/1.15;object-fit:cover;display:block}.photo-grid .photo-tall{aspect-ratio:1/1.3;object-position:50% 30%}.photo-grid img:nth-child(2){transform:translateY(40px);filter:saturate(.6)}.photo-grid img:nth-child(3){filter:grayscale(.5)}.contact{background:var(--coral);display:flex;justify-content:space-between;align-items:end;min-height:490px}.contact h2{font-size:clamp(4rem,7vw,7rem);margin-bottom:2rem}.contact-copy{max-width:350px;line-height:1.6;margin-bottom:2rem}.contact-mark{font:600 clamp(7rem,15vw,15rem) var(--serif);line-height:.7;letter-spacing:-.12em}.contact-mark span{font:2rem var(--sans);vertical-align:top;margin-left:8px}footer{padding:24px 5vw;display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.1em;border-top:1px solid var(--line)}@media(max-width:850px){.site-header{padding:0 6vw}.site-header nav a:not(.nav-cta){display:none}.hero,.range{grid-template-columns:1fr;gap:4rem;padding-top:5rem;padding-bottom:6rem}.hero h1{font-size:clamp(3.6rem,14vw,6rem)}.hero-image-wrap{max-width:560px;margin:0 auto;width:88%}.section-pad{padding-left:7vw;padding-right:7vw}.section-intro{grid-template-columns:1fr;gap:1.2rem}.section-intro>p:last-child{margin-top:0}.reel-grid{grid-template-columns:1fr}.voice-card{max-width:520px}.range{gap:4rem}.range-art{max-width:470px;margin:auto}.gallery-head{display:block}.gallery-head>p{margin-top:1.6rem}.photo-grid{gap:.8rem}.contact{min-height:500px}.contact-mark{font-size:24vw}footer{gap:1rem;flex-wrap:wrap}}@media(max-width:520px){.hero-actions{align-items:flex-start;flex-direction:column;gap:1rem}.hero-note{margin-top:2.5rem}.image-frame{padding:10px 10px 52px}.image-caption{left:24px;bottom:12px}.photo-grid{grid-template-columns:1fr 1fr}.photo-grid .photo-tall{grid-column:1/-1;aspect-ratio:1/1.05}.photo-grid img:nth-child(2){transform:none}.contact{display:block}.contact-mark{margin-top:5rem;text-align:right}footer{font-size:9px}}
