@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,600;1,700;1,800&display=swap');
:root{--black:#090806;--ink:#10100d;--panel:#171511;--cream:#f2eee5;--muted:#aaa49a;--line:#332e26;--orange:#ff6a1a;--orange2:#ff8d3d;--orange3:#b83d08;--sans:"Poppins",Arial,sans-serif;--display:"Poppins",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:var(--black);color:var(--cream);font-family:var(--sans);overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.skip{position:fixed;top:.5rem;left:.5rem;z-index:99;background:var(--cream);color:var(--black);padding:.8rem 1rem;transform:translateY(-150%)}
.skip:focus{transform:none}
.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='4' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);position:absolute;z-index:10;width:100%;font-size:.7rem;letter-spacing:.13em;text-transform:uppercase}
.logo{display:flex;align-items:center;gap:.75rem;font-weight:700}
.logo span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--orange);color:var(--orange);font-style:italic}
.nav nav{display:flex;gap:2.2rem}
.nav a{transition:color .2s}
.nav a:hover,.nav a:focus-visible{color:var(--orange)}
.nav-cta{border-bottom:1px solid var(--orange);padding:.6rem 0}
.hero{min-height:100vh;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw;padding:125px 7vw 75px;overflow:hidden}
.hero:before{content:"";position:absolute;width:42vw;height:42vw;border:1px solid #ff6a1a22;border-radius:50%;right:-17vw;top:-15vw}
.hero-copy{position:relative;z-index:2}
.kicker,.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.64rem;color:var(--orange2);font-weight:700}
.kicker{display:flex;align-items:center;gap:.8rem}
.kicker span{width:34px;height:1px;background:var(--orange)}
h1,h2{font-family:var(--display);font-weight:800;letter-spacing:-.065em;line-height:.91;margin:0}
h1{font-size:clamp(3.8rem,7.3vw,7.5rem);max-width:900px}
h1 em,h2 em{color:var(--orange);font-style:italic}
.lede{max-width:610px;font-size:clamp(.95rem,1.35vw,1.17rem);line-height:1.7;color:var(--muted);margin:2.2rem 0}
.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:.8rem}
.button{display:inline-flex;align-items:center;justify-content:center;min-width:160px;padding:1rem 1.3rem;border:1px solid var(--line);font-size:.68rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;transition:.25s}
.button:hover,.button:focus-visible{border-color:var(--orange);color:var(--orange)}
.button.primary{background:var(--orange);border-color:var(--orange);color:#0c0805}
.button.primary:hover,.button.primary:focus-visible{background:var(--orange2);color:#0c0805}
.hero-visual{position:relative;justify-self:end;width:min(42vw,540px)}
.portrait-wrap{position:relative;aspect-ratio:4/5;overflow:hidden;clip-path:polygon(10% 0,100% 0,100% 90%,88% 100%,0 100%,0 10%);background:var(--panel)}
.portrait-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#090806cc),linear-gradient(135deg,#ff6a1a20,transparent 45%);box-shadow:inset 0 0 0 1px #ffffff16}
.portrait-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(.68) contrast(1.04)}
.orbit{position:absolute;background:var(--cream);color:var(--black);font-size:.57rem;font-weight:800;letter-spacing:.12em;padding:.72rem 1rem}
.orbit-one{top:13%;left:-10%;transform:rotate(-4deg)}
.orbit-two{bottom:12%;right:-7%;transform:rotate(3deg);background:var(--orange)}
.stamp{position:absolute;right:-5%;top:-5%;width:106px;height:106px;border:1px solid var(--orange);border-radius:50%;display:grid;place-items:center;text-align:center;font-size:.52rem;line-height:1.5;letter-spacing:.1em;color:var(--orange);transform:rotate(10deg)}
.scroll-cue{position:absolute;left:4vw;bottom:2.2rem;font-size:.58rem;text-transform:uppercase;letter-spacing:.13em;color:#736e66}
.scroll-cue span{color:var(--orange);margin-left:.7rem}
.signal-strip{display:flex;justify-content:space-around;gap:2rem;overflow:hidden;padding:1.1rem 3vw;background:var(--orange);color:#140a04;font-size:.6rem;font-weight:900;letter-spacing:.14em;white-space:nowrap}
.section{padding:9rem 6vw;position:relative}
.section-intro{display:grid;grid-template-columns:100px 1.1fr .75fr;align-items:end;gap:3vw;margin-bottom:5rem}
.number{font-size:5rem;line-height:.8;color:transparent;-webkit-text-stroke:1px #ff6a1a66;font-weight:900}
.eyebrow{margin:0 0 1.5rem}
.section h2{font-size:clamp(3.2rem,6vw,6.5rem)}
.section-copy{color:var(--muted);line-height:1.7;max-width:480px;font-size:.9rem}
.work{background:linear-gradient(180deg,#090806,#11100c)}
.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:6rem 1.4rem}
.work-card{grid-column:span 7}
.work-card:nth-child(even){grid-column:7/span 6;margin-top:6rem}
.work-card:nth-child(3){grid-column:2/span 8}
.work-visual{aspect-ratio:16/10;position:relative;overflow:hidden;background:linear-gradient(135deg,#2b180d,#ff6a1a);border:1px solid #ffffff12}
.work-card:nth-child(even) .work-visual{aspect-ratio:4/5}
.work-card:nth-child(3) .work-visual{aspect-ratio:16/9}
.work-visual iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#17120e}
.work-overlay{position:absolute;inset:0;padding:1rem;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;background:linear-gradient(180deg,#0009,transparent 30%,transparent 70%,#000b)}
.work-overlay span{font-size:.65rem;letter-spacing:.15em}
.work-overlay a{pointer-events:auto;align-self:flex-end;background:var(--orange);color:#110904;padding:.7rem .9rem;font-size:.57rem;font-weight:900;letter-spacing:.1em}
.collection-mark{height:100%;display:flex;align-items:center;justify-content:center;gap:1rem;background:radial-gradient(circle at 70% 30%,#ff8d3d,transparent 24%),repeating-linear-gradient(135deg,#140c07 0 25px,#1d1008 25px 50px)}
.collection-mark span{font-size:8rem;font-weight:900;color:var(--orange);letter-spacing:-.1em}
.collection-mark small{font-weight:900;letter-spacing:.14em;line-height:1.5}
.work-info{padding:1.2rem 0;border-bottom:1px solid var(--line)}
.work-info p{margin:0;color:var(--orange2);font-size:.58rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700}
.work-info h3{font-size:clamp(1.7rem,2.5vw,2.7rem);margin:.55rem 0}
.work-info span{color:var(--muted);font-size:.83rem;line-height:1.55}
.folder-link{margin-top:7rem;border-block:1px solid var(--line);display:flex;justify-content:space-between;padding:1.6rem 0;font-size:.8rem}
.folder-link b{color:var(--orange);font-size:.63rem;letter-spacing:.12em}
.capabilities{background:var(--orange);color:#130a05}
.cap-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:4rem}
.cap-title .eyebrow{color:#52200a}
.cap-title h2{font-size:clamp(3rem,5.5vw,5.8rem)}
.cap-title h2 em{color:#fff4e8}
.cap-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #4f200d}
.cap-card{min-height:300px;padding:2.3rem;display:flex;flex-direction:column;border-right:1px solid #4f200d;border-bottom:1px solid #4f200d}
.cap-card:nth-child(even){border-right:0}
.cap-card:nth-child(n+3){border-bottom:0}
.cap-card.hot{background:#15100c;color:var(--cream)}
.cap-card span{font-size:.62rem;font-weight:900;letter-spacing:.14em}
.cap-card h3{font-size:2.25rem;margin:auto 0 1.2rem;letter-spacing:-.04em}
.cap-card p{max-width:480px;line-height:1.65;font-size:.9rem;margin:0}
.cap-card.hot p{color:#b8b1a6}
.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;align-items:center;background:radial-gradient(circle at 18% 45%,#3a1608 0,transparent 30%)}
.about-quote{position:relative;border:1px solid var(--line);padding:4rem 3rem;transform:rotate(-2deg);background:#100e0b}
.about-quote>span{position:absolute;top:-.2em;left:.15em;color:var(--orange);font-size:9rem;font-weight:900;line-height:1}
.about-quote p{font-size:clamp(1.8rem,3vw,3.2rem);line-height:1.15;font-weight:800;letter-spacing:-.04em;position:relative}
.about-body>p:not(.eyebrow){color:var(--muted);line-height:1.8;max-width:650px}
.text-link{display:inline-flex;gap:2rem;border-bottom:1px solid var(--orange);padding:.8rem 0;margin-top:1.2rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.text-link span{color:var(--orange)}
.why{min-height:90vh;display:grid;grid-template-columns:1.15fr .85fr;align-content:center;overflow:hidden;background:#f0e7d9;color:#17100b}
.why .eyebrow,.why h2{grid-column:1}
.why h2{font-size:clamp(4rem,7vw,7.5rem)}
.why h2 em{color:var(--orange3)}
.why-copy{grid-column:2;grid-row:2;align-self:end;border-left:2px solid var(--orange3);padding-left:2rem;color:#554a41;line-height:1.75;max-width:520px}
.why-mark{position:absolute;right:-.04em;top:-.25em;font-size:clamp(13rem,30vw,32rem);font-weight:900;color:#d9cdbd;letter-spacing:-.11em}
.notes{background:#0d0c09}
.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.note-card{min-height:360px;padding:2rem;background:#100f0c;display:flex;flex-direction:column;transition:background .3s,transform .3s}
.note-card:hover{background:#19130d;transform:translateY(-5px)}
.note-card>p{color:var(--orange);font-size:.58rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.note-card h3{font-size:clamp(1.65rem,2.4vw,2.4rem);line-height:1.05;margin:auto 0 1.5rem;letter-spacing:-.04em}
.note-card>span{color:var(--muted);font-size:.84rem;line-height:1.65}
.note-card button{border:0;border-top:1px solid var(--line);background:none;color:#69645d;margin-top:2rem;padding:1.2rem 0 0;text-align:left;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}
.note-card button b{float:right;color:var(--orange)}
.notes-helper{color:#6e6961;font-size:.67rem;margin:1.2rem 0 0}
.contact{text-align:center;min-height:75vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#0c0b08,#261006)}
.contact h2{font-size:clamp(3.5rem,7vw,7.5rem)}
.contact>p:not(.eyebrow){color:var(--muted);max-width:540px;line-height:1.7}
.contact-actions{margin-top:2rem;justify-content:center}
footer{min-height:110px;padding:1.5rem 4vw;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#716b63;font-size:.58rem;text-transform:uppercase;letter-spacing:.1em}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease;transition-delay:var(--delay,0ms)}
.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.nav{height:70px}
.nav nav{display:none}
.hero{grid-template-columns:1fr;padding:115px 6vw 80px}
.hero-copy{order:1}
.hero-visual{order:2;width:min(82vw,500px);justify-self:center;margin-top:3rem}
.hero h1{font-size:clamp(3.4rem,14vw,5.7rem)}
.scroll-cue{display:none}
.signal-strip{justify-content:flex-start}
.section{padding:6rem 5vw}
.section-intro{grid-template-columns:60px 1fr}
.section-intro .section-copy{grid-column:2}
.number{font-size:3.5rem}
.work-grid{display:block}
.work-card:nth-child(n){margin:0 0 4rem}
.work-card:nth-child(n) .work-visual{aspect-ratio:16/11}
.cap-title{display:block}
.cap-grid{grid-template-columns:1fr}
.cap-card{border-right:0;border-bottom:1px solid #4f200d!important;min-height:250px}
.cap-card:last-child{border-bottom:0!important}
.about{grid-template-columns:1fr}
.about-quote{transform:none}
.why{display:block;padding-top:8rem}
.why .why-copy{margin-top:3rem}
.notes-grid{grid-template-columns:1fr}
.note-card{min-height:290px}
footer{gap:1rem;flex-wrap:wrap}
footer>p{order:3;width:100%}
}
@media(max-width:520px){.nav-cta{font-size:.56rem}
.logo{font-size:.62rem}
.hero{padding-inline:5vw}
.hero h1{font-size:clamp(3rem,15vw,4.5rem)}
.orbit{font-size:.48rem}
.stamp{width:84px;height:84px}
.section h2{font-size:clamp(3rem,13vw,4.3rem)}
.section-intro{display:block}
.number{display:block;margin-bottom:2rem}
.section-intro .section-copy{margin-top:2rem}
.collection-mark span{font-size:6rem}
.why h2{font-size:clamp(3.6rem,15vw,5.5rem)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.reveal{opacity:1;transform:none;transition:none}
}

/* Multi-page refinement */
.nav.solid{position:fixed;background:#090806ed;backdrop-filter:blur(14px)}
.nav a.active{color:var(--orange)}
.home-page main>.work,.home-page main>.capabilities,.home-page main>.about,.home-page main>.why,.home-page main>.notes,.home-page main>.contact{display:none}
.home-page .hero{min-height:calc(100vh - 42px)}
.hero h1,.page-hero h1,.about-story h1,.contact-page h1{font-size:clamp(3rem,5.4vw,5.6rem)}
.section h2{font-size:clamp(2.8rem,4.6vw,4.8rem)}
.page-main{padding-top:78px}
.page-hero{padding:8rem 7vw 5rem;display:grid;grid-template-columns:1fr .6fr;align-items:end;gap:5vw;min-height:58vh}
.page-hero .eyebrow,.page-hero h1{grid-column:1}
.page-hero h1{font-weight:800;letter-spacing:-.06em;line-height:.92;margin:0}
.page-hero>p:last-child{grid-column:2;grid-row:2;color:var(--muted);line-height:1.7;max-width:460px}
.page-work{padding:2rem 7vw 8rem}
.page-notes{padding:1rem 7vw 8rem}
.notes-head{background:radial-gradient(circle at 75% 35%,#371406,transparent 27%)}
.about-page{padding:7rem 8vw;display:grid;grid-template-columns:.78fr 1.22fr;gap:8vw;align-items:center}
.about-photo{aspect-ratio:4/5;overflow:hidden;clip-path:polygon(8% 0,100% 0,100% 92%,92% 100%,0 100%,0 8%)}
.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(.72)}
.about-story h1{font-weight:800;letter-spacing:-.06em;line-height:.92;margin:0}
.about-story h1 em,.contact-page h1 em{color:var(--orange);font-style:italic}
.about-story>p:not(.eyebrow){color:var(--muted);line-height:1.8;max-width:650px}
.about-page+.capabilities{padding-top:7rem}
.capabilities h2{font-size:clamp(2.7rem,4.4vw,4.5rem)}
.contact-page{padding:8rem 7vw 7rem;min-height:calc(100vh - 110px)}
.contact-page>h1{font-weight:800;letter-spacing:-.06em;line-height:.92;margin:0}
.contact-page>p:not(.eyebrow){color:var(--muted);line-height:1.7;max-width:570px}
.contact-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:4rem}
.contact-panel{min-height:240px;padding:2rem;background:#11100d;display:flex;flex-direction:column;transition:.3s}
.contact-panel:hover{background:var(--orange);color:#120904}
.contact-panel>span{font-size:.6rem;letter-spacing:.14em;color:var(--orange)}
.contact-panel:hover>span{color:#120904}
.contact-panel h2{font-size:1.7rem;margin:auto 0 1rem}
.contact-panel b{font-size:.58rem;letter-spacing:.12em}
.contact-panel.muted:hover{background:#11100d;color:var(--cream)}
.contact-panel.muted p{font-size:.82rem;line-height:1.6;color:var(--muted)}
@media(max-width:850px){.page-main{padding-top:70px}.page-hero{display:block;padding:6rem 6vw 4rem;min-height:auto}.page-hero>p:last-child{margin-top:2rem}.about-page{grid-template-columns:1fr;padding:5rem 6vw}.about-photo{max-width:480px}.contact-page{padding:6rem 6vw}.contact-panels{grid-template-columns:1fr}.contact-panel{min-height:200px}}
@media(max-width:520px){.hero h1,.page-hero h1,.about-story h1,.contact-page h1{font-size:clamp(2.7rem,12vw,3.9rem)}.section h2,.capabilities h2{font-size:clamp(2.5rem,10vw,3.6rem)}}

.home-preview{background:#0d0c09}.home-preview-head{display:grid;grid-template-columns:1fr .6fr;align-items:end;gap:5vw;margin-bottom:3.5rem}.home-preview-head .eyebrow,.home-preview-head h2{grid-column:1}.home-preview-head h2{font-size:clamp(2.8rem,4.6vw,4.7rem)}.home-preview-head>p:last-child{grid-column:2;grid-row:2;color:var(--muted);line-height:1.7}.home-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.preview-card{min-height:300px;padding:2rem;background:#11100d;display:flex;flex-direction:column;transition:.3s}.preview-card:hover{background:#1d130c;transform:translateY(-6px)}.preview-card span{color:var(--orange);font-size:.6rem;letter-spacing:.14em}.preview-card h3{font-size:2rem;margin:auto 0 1rem}.preview-card p{color:var(--muted);font-size:.84rem;line-height:1.6}.preview-card b{margin-top:1.3rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--orange);font-size:.58rem;letter-spacing:.12em}.home-family{min-height:72vh;background:#f0e7d9;color:#17100b;display:grid;grid-template-columns:1.15fr .85fr;align-content:center}.home-family .eyebrow,.home-family h2{grid-column:1}.home-family h2{font-size:clamp(3.5rem,6vw,6rem)}.home-family h2 em{color:var(--orange3)}.home-family-copy{grid-column:2;grid-row:2;border-left:2px solid var(--orange3);padding-left:2rem;color:#554a41;line-height:1.75}.home-family-copy a{display:inline-block;margin-top:1rem;border-bottom:1px solid var(--orange3);padding-bottom:.5rem;font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:850px){.home-preview-head{display:block}.home-preview-head>p:last-child{margin-top:2rem}.home-preview-grid{grid-template-columns:1fr}.preview-card{min-height:230px}.home-family{display:block}.home-family-copy{margin-top:2rem}}

.camera-photo{position:relative;margin:0}.camera-photo img{filter:saturate(.78) contrast(1.06)}.camera-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#090806d8);pointer-events:none}.camera-photo figcaption{position:absolute;z-index:2;left:1.4rem;bottom:1.3rem;color:white;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}
.family-story{display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center;padding-block:8rem}.family-story>.eyebrow{grid-column:1/-1}.family-photo{grid-column:1;grid-row:2;position:relative;overflow:hidden;clip-path:polygon(0 0,94% 0,100% 9%,100% 100%,6% 100%,0 91%)}.family-photo img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;filter:saturate(.78) contrast(1.03)}.family-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,#17100bc7)}.family-photo span{position:absolute;z-index:2;left:1.6rem;bottom:1.4rem;color:white;font-size:.65rem;font-weight:700;line-height:1.55;text-transform:uppercase;letter-spacing:.12em}.family-story-copy{grid-column:2;grid-row:2}.family-story-copy h2{font-size:clamp(3rem,5vw,5.2rem)}.family-story .why-copy{grid-column:auto;grid-row:auto;margin-top:2.5rem;max-width:650px}.family-story .why-copy p{margin:0 0 1.2rem}.contact-page .contact-panels{grid-template-columns:repeat(2,1fr)}
@media(max-width:850px){.family-story{display:block;padding-block:6rem}.family-photo{margin:2rem 0 3rem}.family-story-copy h2{font-size:clamp(2.8rem,11vw,4rem)}.family-story .why-copy{margin-top:2rem}.contact-page .contact-panels{grid-template-columns:1fr}}