:root{--milk:#F1ECE4;--graphite:#20201F;--taupe:#A89D91;--wine:#6D252B;--soft:#D2CBC2;--white:#FAF8F4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--milk);color:var(--graphite);font-family:Arial,Helvetica,sans-serif}.shell{width:min(1240px,calc(100% - 80px));margin:auto}.hero{min-height:92vh;background:var(--graphite);color:var(--white);display:flex;flex-direction:column}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.mark{color:inherit;text-decoration:none;border:1px solid #777;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-size:12px}.navlinks{display:flex;gap:28px}.navlinks a{color:var(--soft);text-decoration:none;font-size:13px}.hero-inner{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:70px}.eyebrow,.small{font-size:12px;letter-spacing:.18em;text-transform:uppercase}.hero h1,.section-title h2,.contact h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}.hero h1{font-size:clamp(64px,10vw,145px);line-height:.82;letter-spacing:-.065em;margin:20px 0 50px}.hero-bottom{border-top:1px solid #555;padding-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.role{font-size:22px;margin:0}.hero-copy{font-size:18px;max-width:590px;margin:0}.section{padding:110px 0}.milk{background:var(--milk)}.graphite-bg{background:var(--graphite);color:var(--white)}.wine-bg{background:var(--wine);color:var(--white)}.section-title{display:flex;align-items:baseline;gap:25px}.section-title span{font-size:12px;color:var(--wine);font-weight:700}.section-title.light span{color:var(--soft)}.section-title h2{font-size:clamp(45px,6vw,82px);letter-spacing:-.04em;margin:0}.intro{max-width:690px;font-size:18px;line-height:1.6;margin:28px 0 52px 38px;color:#625d56}.lighttext{color:var(--soft)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project{min-height:320px;padding:28px;text-decoration:none;color:var(--white);display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s}.project:hover{transform:translateY(-4px)}.project.taupe{background:var(--taupe);color:var(--graphite)}.project.wine{background:var(--wine)}.project.graphite{background:var(--graphite)}.project.soft{background:var(--soft);color:var(--graphite)}.project span,.project b{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.project h3{font-family:Georgia,serif;font-weight:400;font-size:36px;max-width:360px;margin:0}.gallery{columns:3 280px;column-gap:18px;margin-top:45px}.gallery img{width:100%;height:auto;display:block;margin:0 0 18px;break-inside:avoid;background:#2a2928}.services{display:grid;grid-template-columns:1fr 1fr;gap:0 70px;margin-top:55px}.services article{border-top:1px solid var(--taupe);padding:28px 0 38px}.services h3{font-size:14px;letter-spacing:.08em;text-transform:uppercase}.services p{font-size:16px;max-width:480px}.pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:55px}.pills span{border:1px solid rgba(255,255,255,.65);padding:13px 22px;border-radius:999px}.about{display:grid;grid-template-columns:1fr .72fr;gap:80px;align-items:center}.about img{width:100%;height:auto;display:block}.about-copy{font-size:21px;line-height:1.65;max-width:600px}.contact{padding:120px 0 95px;color:var(--white)}.contact h2{font-size:clamp(62px,9vw,125px);line-height:.86;letter-spacing:-.055em;margin:30px 0 50px}.contact p{font-size:20px}.contacts{border-top:1px solid #555;margin-top:45px;padding-top:25px;display:flex;gap:35px;flex-wrap:wrap;color:var(--soft);font-size:14px}@media(max-width:760px){.shell{width:min(100% - 36px,1240px)}.navlinks{display:none}.hero{min-height:80vh}.hero-inner{padding-bottom:45px}.hero h1{font-size:18vw}.hero-bottom,.projects,.services,.about{grid-template-columns:1fr}.hero-bottom{gap:18px}.section{padding:72px 0}.intro{margin-left:0}.gallery{columns:2 140px;column-gap:10px}.gallery img{margin-bottom:10px}.about{gap:35px}.project{min-height:250px}.contact{padding:85px 0}}
/* v2 — warmer premium palette and revised hero hierarchy */
:root{--milk:#F3EEE8;--graphite:#332A28;--taupe:#B7A79A;--wine:#713A3C;--soft:#D9CEC4;--white:#FBF8F3;--cocoa:#4B3833;--espresso:#2F2523;--clay:#9A6D5B}
body{color:var(--espresso)}
.hero{background:linear-gradient(145deg,#4B3833 0%,#352725 52%,#6B4A42 100%)}
.graphite-bg{background:linear-gradient(145deg,#3F302D 0%,#2E2422 100%)}
.navlinks a{color:#E5DAD1}.mark{border-color:#8F7770}.hero-inner{justify-content:center;padding-top:70px;padding-bottom:70px}.hero-role{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,6.2vw,88px);line-height:1;margin:34px 0 20px;color:var(--white);letter-spacing:-.035em}.hero h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(38px,5.3vw,72px);line-height:.98;letter-spacing:-.045em;margin:0 0 50px;font-weight:400}.hero-bottom{grid-template-columns:1fr;border-top-color:#806B65}.hero-copy{font-size:19px;max-width:680px}.project.graphite{background:var(--cocoa)}.gallery img{background:#3F302D}.contact h2{font-size:clamp(52px,7.5vw,100px);line-height:.92;max-width:980px}.contacts{border-top-color:#806B65}
@media(max-width:760px){.hero-role{font-size:13vw}.hero h1{font-size:10vw}.hero-inner{padding-top:45px}.contact h2{font-size:14vw}}

/* v3 refinements */
.hero-bottom{justify-content:flex-start!important;text-align:left!important;}
.hero-copy{margin-left:0!important;margin-right:auto!important;text-align:left!important;}

/* v4 — hero cover */
.hero{
  position:relative;
  isolation:isolate;
  background-image:linear-gradient(90deg,rgba(43,30,27,.68) 0%,rgba(43,30,27,.42) 38%,rgba(43,30,27,.10) 68%,rgba(43,30,27,.06) 100%),url('../images/hero-cover.png');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(20,14,13,.12) 0%,rgba(20,14,13,.02) 50%,rgba(20,14,13,.28) 100%);
  pointer-events:none;
}
.hero .nav,.hero .hero-inner{position:relative;z-index:1}
.hero .eyebrow,.hero .hero-copy,.hero .navlinks a{color:#FBF8F3;text-shadow:0 1px 18px rgba(30,20,18,.28)}
.hero-role,.hero h1{text-shadow:0 2px 24px rgba(30,20,18,.28)}
@media(max-width:760px){
  .hero{background-position:58% center;background-image:linear-gradient(90deg,rgba(43,30,27,.62) 0%,rgba(43,30,27,.30) 55%,rgba(43,30,27,.08) 100%),url('../images/hero-cover.png')}
}

/* v5 — warmer typography + smoother hero transition */
:root{
  --champagne:#E9D8C6;
  --champagne-soft:#D8C2AE;
  --mocha:#594640;
  --mocha-deep:#493834;
}
.hero{
  /* lower edge now melts into the next section instead of ending abruptly */
  background-image:
    linear-gradient(180deg,rgba(28,18,16,.08) 0%,rgba(28,18,16,.02) 55%,rgba(73,56,52,.82) 100%),
    linear-gradient(90deg,rgba(43,30,27,.58) 0%,rgba(43,30,27,.32) 38%,rgba(43,30,27,.08) 68%,rgba(43,30,27,.03) 100%),
    url('../images/hero-cover.png');
}
.hero::after{background:none}
.hero .eyebrow,.hero .navlinks a{color:var(--champagne-soft);text-shadow:0 1px 18px rgba(30,20,18,.22)}
.hero-role,.hero h1{color:var(--champagne);text-shadow:0 2px 24px rgba(30,20,18,.22)}
.hero-bottom{margin-top:34px;padding-top:30px;border-top-color:rgba(233,216,198,.38)}
.hero-copy{
  color:var(--champagne)!important;
  font-family:Georgia,'Times New Roman',serif;
  font-size:20px;
  line-height:1.45;
  font-weight:400;
  letter-spacing:-.01em;
  transform:translateY(18px);
}
/* Page 2: warm mocha instead of the previous dark brown/graphite */
#visuals.graphite-bg{
  background:linear-gradient(180deg,var(--mocha-deep) 0%,var(--mocha) 22%,#66534B 100%);
  color:#F0E4D8;
}
#visuals .section-title.light span,#visuals .lighttext{color:#D9C5B3}
#visuals{padding-top:125px}
@media(max-width:760px){
  .hero{background-image:linear-gradient(180deg,rgba(28,18,16,.05) 0%,rgba(28,18,16,.02) 58%,rgba(73,56,52,.86) 100%),linear-gradient(90deg,rgba(43,30,27,.56) 0%,rgba(43,30,27,.24) 58%,rgba(43,30,27,.05) 100%),url('../images/hero-cover.png')}
  .hero-bottom{margin-top:22px}
  .hero-copy{font-size:18px;transform:translateY(10px)}
  #visuals{padding-top:90px}
}

/* v6 — stronger hero legibility */
.hero{
  background-image:
    linear-gradient(180deg,rgba(31,20,17,.20) 0%,rgba(31,20,17,.05) 48%,rgba(73,56,52,.82) 100%),
    linear-gradient(90deg,rgba(35,23,20,.70) 0%,rgba(35,23,20,.42) 44%,rgba(35,23,20,.20) 72%,rgba(35,23,20,.30) 100%),
    url('../images/hero-cover.png');
}
.hero-role,.hero h1{color:#F3E7D9;text-shadow:0 2px 18px rgba(18,10,8,.48)}
.hero .eyebrow{color:#E6D4C2;text-shadow:0 2px 14px rgba(18,10,8,.60)}
.hero-copy{
  color:#F4E9DE!important;
  font-family:Arial,Helvetica,sans-serif;
  font-size:20px;
  line-height:1.48;
  font-weight:500;
  text-shadow:0 2px 14px rgba(18,10,8,.72);
}
.navlinks{
  padding:10px 16px;
  border-radius:999px;
  background:rgba(34,22,19,.28);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.hero .navlinks a{color:#F4E9DE;text-shadow:0 1px 10px rgba(18,10,8,.72);font-weight:500}
.mark{color:#F4E9DE;border-color:rgba(244,233,222,.55);background:rgba(34,22,19,.20);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
@media(max-width:760px){
 .hero{background-image:linear-gradient(180deg,rgba(31,20,17,.16) 0%,rgba(31,20,17,.04) 50%,rgba(73,56,52,.86) 100%),linear-gradient(90deg,rgba(35,23,20,.64) 0%,rgba(35,23,20,.32) 65%,rgba(35,23,20,.18) 100%),url('../images/hero-cover.png')}
 .hero-copy{font-size:18px}
}
/* Curated visual series */
.visual-series{margin-top:72px}.series-head{display:flex;align-items:baseline;gap:18px;margin-bottom:22px;border-top:1px solid rgba(255,255,255,.22);padding-top:16px}.series-head span{font-size:12px;letter-spacing:.16em;opacity:.55}.series-head h3{margin:0;color:#f2e8dc;font-size:clamp(24px,3vw,42px);font-weight:500}.editorial-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;align-items:start}.editorial-grid img{display:block;width:100%;height:auto;object-fit:cover;background:#ddd}.editorial-grid img:nth-child(1){grid-column:span 7}.editorial-grid img:nth-child(2){grid-column:span 5}.editorial-grid img:nth-child(3){grid-column:span 5}.editorial-grid img:nth-child(4){grid-column:span 7}.editorial-grid.sport img:nth-child(1),.editorial-grid.accessories img:nth-child(1){grid-column:span 6}.editorial-grid.sport img:nth-child(2),.editorial-grid.accessories img:nth-child(2){grid-column:span 6}.editorial-grid.sport img:nth-child(3),.editorial-grid.accessories img:nth-child(3){grid-column:span 7}.editorial-grid.sport img:nth-child(4),.editorial-grid.accessories img:nth-child(4){grid-column:span 5}.editorial-grid.lifestyle img:nth-child(1){grid-column:span 4}.editorial-grid.lifestyle img:nth-child(2){grid-column:span 4}.editorial-grid.lifestyle img:nth-child(3){grid-column:span 4}@media(max-width:760px){.visual-series{margin-top:48px}.editorial-grid{grid-template-columns:1fr 1fr;gap:8px}.editorial-grid img,.editorial-grid img:nth-child(n){grid-column:span 1}.editorial-grid.lifestyle img:nth-child(n){grid-column:span 1}.editorial-grid.lifestyle img:last-child{grid-column:1/-1}.series-head{gap:10px}.series-head h3{font-size:24px}}

/* v8: unified portfolio grid */
.uniform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.uniform-grid img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center;background:#3F302D}.uniform-grid img:hover{transform:scale(1.012);transition:transform .25s ease}@media(max-width:900px){.uniform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.uniform-grid{grid-template-columns:1fr;gap:10px}.uniform-grid img{aspect-ratio:4/5}}

/* v11: real portfolio video */
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px}.video-work{margin:0}.video-work video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#241b19}.video-work figcaption{margin-top:12px;font-size:13px;letter-spacing:.13em;text-transform:uppercase;color:#594640}.video-work video:focus{outline:1px solid rgba(89,70,64,.35);outline-offset:3px}@media(max-width:900px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.video-grid{grid-template-columns:1fr}.video-work figcaption{margin-top:9px}}
.contacts a{color:var(--soft);text-decoration:none;transition:opacity .2s ease}.contacts a:hover{opacity:.7}