/* Winter Construction Company — shared styles · MAINERMEDIA
   LIGHT THEME · WCAG 2.1 AA — all text/UI contrast verified ≥4.5:1 (≥3:1 large/UI).
   Brand hues (--blue/--tan) kept EXACT; --blue-ink/--tan-ink are darker tints
   used only where a brand hue would sit as small text on the light page. */
/* Brand display serif — Cheltenham Headline Bold (logo font), self-hosted.
   Single headline weight registered across the range so all headings adopt it
   without the browser synthesizing a faux-bold. */
@font-face{
  font-family:'Cheltenham BT';
  src:url('fonts/CheltenhamHeadlineBold.otf') format('opentype');
  font-weight:100 900; font-style:normal; font-display:swap;
}

/* Brand display face — Cheltenham Headline (logo font), self-hosted.
   Single headline-bold cut; mapped across 400–700 so every heading uses it. */
@font-face{
  font-family:'Cheltenham Headline';
  src:url('fonts/CheltenhamHeadline-Bold.otf') format('opentype');
  font-weight:400 700;
  font-style:normal;
  font-display:swap;
}
:root{
  /* light surfaces */
  --bg:#f6f4ef;        /* warm paper page background */
  --bg-2:#ffffff;      /* cards / form card */
  --bg-3:#f0ede7;      /* inset / form fields */
  /* text on light (dark ink) */
  --bone:#1b1f23;      /* primary text — 13:1 on --bg */
  --stone:#4d565d;     /* secondary text — 6.8:1 on --bg */
  --stone-2:#5a636a;   /* muted text — 5.5:1 on --bg (still AA for small text) */
  /* text on dark surfaces (hero / photo cards / cta band / lightbox) */
  --paper:#f5f7f8;     /* primary light text — ~15:1 on the scrims below */
  --paper-2:#cfd4d8;   /* secondary light text — ~9:1 on the scrims */
  /* brand — EXACT */
  --blue:#5e94b8; --blue-2:#8fb9d6; --tan:#bda484; --tan-2:#d4bd9b;
  /* brand, darkened for use as small text/links on light — same family */
  --blue-ink:#2f6a90;  /* 5.3:1 on --bg */
  --tan-ink:#7a5a30;   /* 5.8:1 on --bg */
  /* lines */
  --line:rgba(26,31,36,.14); --line-2:rgba(26,31,36,.28);
  --field-border:#82898f;   /* ≥3:1 vs page & field — 1.4.11 non-text contrast */
  --scrim:#0e1216;          /* base color for image scrims */
  /* Brand display serif = Cheltenham Headline (logo font), self-hosted in fonts/.
     Fraunces/Georgia are fallbacks while the .otf loads or if it's unavailable. */
  --serif:'Cheltenham Headline','Cheltenham BT','ITC Cheltenham',Fraunces,Georgia,serif; --sans:'Inter',system-ui,sans-serif; --mono:'DM Mono',monospace;
  --ease:cubic-bezier(.16,1,.3,1);
  --focus:#1c5f86;          /* focus ring — 4.7:1 on --bg, 3:1 on white */
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden;}
body{background:var(--bg);color:var(--bone);font-family:var(--sans);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;max-width:100%;overscroll-behavior-x:none;}
img{max-width:100%;display:block;-webkit-user-drag:none;user-select:none;}
.brand-logo,.pm,.card-bg,.hero-scene,.head-scene{-webkit-user-drag:none;user-select:none;}
a{color:inherit;}
::selection{background:var(--tan);color:#1a1208;}
/* visible keyboard focus everywhere (2.4.7) */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,.card:focus-visible,.proj:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px;}
.gallery .g:focus-visible{outline:3px solid var(--paper);outline-offset:-3px;}
/* dark image surfaces re-scope the palette so text stays light & AA */
.hero,.head,.ctab,.card:not(.flat),.lightbox{--bone:var(--paper);--stone:var(--paper-2);--stone-2:var(--paper-2);--tan-ink:var(--tan);--blue-ink:var(--blue-2);--line:rgba(245,247,248,.24);--line-2:rgba(245,247,248,.5);--field-border:rgba(245,247,248,.5);}
.grain{position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
.mono{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--tan-ink);}
.wrap{max-width:1200px;margin:0 auto;padding:0 40px;}
.lbl{display:flex;align-items:center;gap:14px;margin-bottom:22px;}
.lbl::before{content:'';width:30px;height:1px;background:var(--tan-ink);}
.rv{opacity:0;transform:translateY(30px);transition:opacity .9s var(--ease),transform .9s var(--ease);}
.rv.in{opacity:1;transform:none;}
.rv.d1{transition-delay:.08s;}.rv.d2{transition-delay:.16s;}.rv.d3{transition-delay:.24s;}.rv.d4{transition-delay:.32s;}
@media(prefers-reduced-motion:reduce){.rv{opacity:1!important;transform:none!important;}.ridge,.mist,.sun,.hero-photo,[data-speed]{transform:none!important;}.scrollcue{display:none;}*{scroll-behavior:auto!important;}}
.btn{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;padding:15px 26px;border-radius:5px;display:inline-block;transition:transform .3s var(--ease),background .3s,color .3s,border-color .3s;}
.btn-primary{background:var(--tan);color:#1a130a;}
.btn-primary:hover{transform:translateY(-3px);background:var(--tan-2);}
.btn-ghost{border:1px solid var(--field-border);color:var(--bone);}
.btn-ghost:hover{transform:translateY(-3px);border-color:var(--blue-ink);color:var(--blue-ink);}
.card:not(.flat) .btn-ghost,.ctab .btn-ghost,.hero .btn-ghost,.head .btn-ghost{border-color:rgba(245,247,248,.55);color:var(--paper);}
.ctab .btn-ghost:hover,.hero .btn-ghost:hover,.head .btn-ghost:hover{border-color:var(--paper);color:var(--paper);background:rgba(245,247,248,.1);}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:46px;flex-wrap:wrap;}
.sec-head h2{font-family:var(--serif);font-weight:300;font-size:clamp(28px,4vw,46px);line-height:1.1;letter-spacing:-.01em;}
.sec-head p{color:var(--stone);max-width:40ch;font-size:15px;}
.photo-tag{position:absolute;bottom:12px;right:12px;font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(233,237,241,.5);border:1px solid var(--line);background:rgba(11,14,18,.4);padding:3px 7px;border-radius:3px;backdrop-filter:blur(4px);z-index:5;}

/* NAV */
nav.site{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;transition:padding .4s var(--ease),background .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease);background:rgba(246,244,239,.78);backdrop-filter:blur(12px);border-bottom:1px solid transparent;}
nav.site.solid{background:rgba(246,244,239,.94);backdrop-filter:blur(14px);border-bottom-color:var(--line);box-shadow:0 1px 20px rgba(20,25,30,.06);padding:12px 40px;}
.brand-logo{display:inline-block;height:50px;width:150px;background:url("winter-logo-h.png") left center/contain no-repeat;}
nav.site.solid .brand-logo{height:42px;width:126px;}
footer .brand-logo{height:72px;width:216px;margin-bottom:16px;}
.nav-r{display:flex;align-items:center;gap:28px;}
.nav-links{display:flex;gap:24px;list-style:none;}
.nav-links a{color:var(--bone);text-decoration:none;font-size:13px;letter-spacing:.04em;font-weight:500;transition:color .25s;white-space:nowrap;}
.nav-links a:hover,.nav-links a.active{color:var(--blue-ink);}
.nav-cta{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#1a130a;background:var(--tan);padding:11px 18px;border-radius:4px;text-decoration:none;transition:transform .25s var(--ease),background .25s;}
.nav-cta:hover{transform:translateY(-2px);background:var(--tan-2);}
.nav-phone{font-family:var(--mono);font-size:12px;color:var(--bone);text-decoration:none;letter-spacing:.04em;font-weight:500;}
.nav-phone:hover{color:var(--blue-ink);}
.burger{display:none;background:none;border:1px solid var(--field-border);border-radius:6px;color:var(--bone);font-size:18px;padding:6px 11px;cursor:pointer;}
@media(max-width:1040px){.nav-links,.nav-phone{display:none;}.burger{display:block;}
  .nav-links.open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:rgba(246,244,239,.98);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:0 12px 24px rgba(20,25,30,.1);padding:18px 40px;gap:4px;}
  .nav-links.open a{padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;}}

/* NAV DROPDOWNS */
.nav-links .nav-item{position:relative;}
.nav-item.has-sub>a{display:inline-flex;align-items:center;}
.caret{display:inline-block;width:6px;height:6px;margin-left:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.55;transition:transform .28s var(--ease),opacity .28s;}
.nav-item.has-sub:hover .caret,.nav-item.has-sub:focus-within .caret{opacity:1;transform:rotate(225deg) translateY(1px);}
.sub-toggle{display:none;background:none;border:none;cursor:pointer;}
.subnav{position:absolute;top:100%;left:-13px;margin:0;padding:7px;list-style:none;min-width:238px;background:rgba(248,246,241,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:11px;box-shadow:0 20px 48px rgba(20,25,30,.18);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .22s var(--ease),transform .22s var(--ease),visibility 0s linear .22s;z-index:60;}
.nav-item.has-sub::after{content:"";position:absolute;top:100%;left:0;right:0;height:16px;}
.nav-item.has-sub:hover .subnav,.nav-item.has-sub:focus-within .subnav{opacity:1;visibility:visible;transform:translateY(9px);transition:opacity .22s var(--ease),transform .22s var(--ease);}
.subnav .sub-note{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--tan-ink);padding:5px 12px 8px;}
.subnav a{display:block;padding:9px 12px;border-radius:7px;font-size:13px;font-weight:500;letter-spacing:.01em;color:var(--stone);text-decoration:none;white-space:nowrap;transition:background .16s,color .16s;}
.subnav a:hover,.subnav a:focus-visible{background:rgba(94,148,184,.13);color:var(--blue-ink);}
[id^="proj-"],[id^="svc-"],[id^="proc-"],[id^="about-"],[id^="val-"]{scroll-margin-top:96px;}

/* About dropdown: grouped + scroll-safe */
.subnav-wide{min-width:264px;max-height:min(74vh,540px);overflow-y:auto;}
.subnav .sub-note:not(:first-child){margin-top:5px;padding-top:11px;border-top:1px solid var(--line);}
@media(max-width:1040px){ .subnav-wide{max-height:none;overflow:visible;} }

@media(max-width:1040px){
  .caret{display:none;}
  .nav-links.open .nav-item.has-sub{position:relative;}
  .nav-links.open .nav-item.has-sub>a{display:inline-block;padding-right:52px;}
  .nav-links.open .sub-toggle{display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:7px;width:40px;height:40px;border:1px solid var(--field-border);border-radius:7px;color:var(--bone);}
  .nav-links.open .sub-toggle::before{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s var(--ease);}
  .nav-links.open .nav-item.expanded .sub-toggle::before{transform:rotate(225deg) translateY(2px);}
  .nav-links.open .subnav{position:static;display:none;opacity:1;visibility:visible;transform:none;min-width:0;width:100%;padding:2px 0 12px 4px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;box-shadow:none;}
  .nav-links.open .nav-item.expanded .subnav{display:block;}
  .nav-links.open .subnav a{padding:9px 0;border-bottom:none;font-size:14px;color:var(--stone);}
  .nav-links.open .subnav .sub-note{padding:8px 0 4px;}
  .nav-item.has-sub::after{display:none;}
}

/* PAGE HEADER (inner pages) */
.head{position:relative;height:100vh;min-height:640px;display:flex;align-items:flex-end;overflow:hidden;}
.head.short{min-height:78vh;}
.head-scene{position:absolute;inset:0;z-index:0;background:radial-gradient(130% 90% at 72% 16%,rgba(143,185,214,.16),transparent 56%),linear-gradient(168deg,#1d2c38 0%,#243340 42%,#2f3c45 64%,#3c3a30 86%,#4a4334 100%);}
.head-sky{position:absolute;inset:0;background:linear-gradient(180deg,#0c1622 0%,#16232f 34%,#26333f 62%,#3a4653 82%,#5d5f5e 100%);}
.head-mist{position:absolute;left:-5%;right:-5%;bottom:120px;height:150px;background:linear-gradient(180deg,transparent,rgba(202,214,226,.14));filter:blur(8px);}
.head-ridge{position:absolute;left:0;right:0;bottom:0;width:100%;height:42%;}
.head-veil{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(14,18,22,.82) 0%,rgba(14,18,22,.5) 38%,rgba(14,18,22,0) 70%),linear-gradient(180deg,rgba(14,18,22,.45) 0%,rgba(14,18,22,.1) 26%,rgba(14,18,22,.4) 58%,rgba(14,18,22,.88) 100%);}
.head-inner{position:relative;z-index:3;width:100%;padding:0 40px 84px;max-width:1200px;margin:0 auto;color:var(--bone);}
.head h1{font-family:var(--serif);font-weight:300;font-size:clamp(38px,6vw,76px);line-height:1.02;letter-spacing:-.015em;margin:16px 0 14px;}
.head h1 em{font-style:italic;color:var(--blue-2);}
.head-sub{font-size:16px;color:var(--stone);max-width:48ch;}

/* HERO (home) */
.hero{position:relative;height:100vh;min-height:640px;overflow:hidden;display:flex;align-items:flex-end;}
.hero-scene{position:absolute;inset:0;z-index:0;background:radial-gradient(120% 80% at 68% 20%,rgba(143,185,214,.2),transparent 55%),linear-gradient(170deg,#1c2b37 0%,#22303c 38%,#2c3a44 60%,#3a3a31 82%,#4a4334 100%);}
.sky{position:absolute;inset:0;background:linear-gradient(180deg,#0c1622 0%,#15212f 26%,#23323f 50%,#3c4753 70%,#6f6a60 86%,#a07f54 100%);}
.sun{position:absolute;left:50%;top:54%;width:340px;height:340px;margin:-170px 0 0 -170px;border-radius:50%;background:radial-gradient(circle,rgba(236,210,162,.92) 0%,rgba(176,128,72,.45) 36%,transparent 68%);z-index:1;}
.ridge{position:absolute;left:0;right:0;bottom:0;width:100%;will-change:transform;}
.mist{position:absolute;left:-5%;right:-5%;height:160px;background:linear-gradient(180deg,transparent,rgba(202,214,226,.16));filter:blur(8px);will-change:transform;}
.hero-veil{position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,rgba(14,18,22,.82) 0%,rgba(14,18,22,.5) 38%,rgba(14,18,22,0) 70%),linear-gradient(180deg,rgba(14,18,22,.45) 0%,rgba(14,18,22,.1) 26%,rgba(14,18,22,.4) 58%,rgba(14,18,22,.88) 100%);}
.hero-content{position:relative;z-index:4;width:100%;padding:0 40px 84px;max-width:1200px;margin:0 auto;color:var(--bone);}
.hero h1{font-family:var(--serif);font-weight:300;font-size:clamp(38px,6.4vw,82px);line-height:1.02;letter-spacing:-.015em;max-width:15ch;margin:18px 0 22px;}
.hero h1 em{font-style:italic;color:var(--blue-2);}
.hero-sub{font-size:16px;color:var(--stone);letter-spacing:.02em;max-width:42ch;margin-bottom:34px;}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
.scrollcue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:8px;}
.scrollcue .mono{font-size:9px;letter-spacing:.3em;color:var(--stone);}
.scrollcue .bar{width:1px;height:42px;background:linear-gradient(var(--tan),transparent);animation:drop 2.2s var(--ease) infinite;}
@keyframes drop{0%{transform:scaleY(0);transform-origin:top;}40%{transform:scaleY(1);transform-origin:top;}60%{transform:scaleY(1);transform-origin:bottom;}100%{transform:scaleY(0);transform-origin:bottom;}}

section{position:relative;}
.position{padding:120px 0;border-top:1px solid var(--line);}
.position .big{font-family:var(--serif);font-weight:300;font-size:clamp(26px,3.8vw,46px);line-height:1.22;letter-spacing:-.01em;max-width:20ch;}
.position .big b{font-weight:600;color:var(--blue-ink);}
.position p{margin-top:26px;max-width:52ch;color:var(--stone);font-size:16px;}
.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.stats .grid{display:grid;grid-template-columns:repeat(4,1fr);}
.stat{padding:54px 30px;border-right:1px solid var(--line);}
.stat:last-child{border-right:none;}
.stat .num{font-family:var(--serif);font-weight:400;font-size:clamp(34px,4.4vw,56px);color:var(--blue-ink);line-height:1;}
.stat .cap{margin-top:12px;font-size:13px;color:var(--stone);}
@media(max-width:760px){.stats .grid{grid-template-columns:repeat(2,1fr);}.stat:nth-child(2){border-right:none;}.stat:nth-child(1),.stat:nth-child(2){border-bottom:1px solid var(--line);}}

.pad{padding:110px 0;}
.pad.bt{border-top:1px solid var(--line);}
/* card grid (services, values, guides) */
.cardgrid{display:grid;gap:16px;}
.cardgrid.c4{grid-template-columns:repeat(4,1fr);}
.cardgrid.c3{grid-template-columns:repeat(3,1fr);}
.cardgrid.c2{grid-template-columns:repeat(2,1fr);}
.card{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:280px;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;transition:transform .5s var(--ease),border-color .5s;text-decoration:none;color:var(--bone);}
.card-bg{position:absolute;inset:0;z-index:0;transition:transform .8s var(--ease),filter .5s;filter:saturate(.85) brightness(.7);}
.card:hover{transform:translateY(-8px);border-color:var(--line-2);}
.card:hover .card-bg{transform:scale(1.08);filter:saturate(1) brightness(.82);}
.card::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 18%,rgba(12,15,19,.55) 52%,rgba(12,15,19,.92) 100%);}
.card h3{position:relative;z-index:2;font-family:var(--serif);font-weight:400;font-size:22px;margin-bottom:8px;}
.card p{position:relative;z-index:2;font-size:13px;color:var(--stone);}
.card .arrow{position:relative;z-index:2;margin-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--blue-2);opacity:0;transform:translateX(-6px);transition:opacity .4s,transform .4s;}
.card:hover .arrow{opacity:1;transform:none;}
.card.flat{min-height:auto;background:var(--bg-2);border-color:var(--line-2);}
.card.flat::after{display:none;}
.card.flat .num{font-family:var(--serif);color:var(--tan-ink);font-size:30px;font-weight:500;margin-bottom:10px;}
@media(max-width:980px){.cardgrid.c4{grid-template-columns:repeat(2,1fr);}.cardgrid.c3{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.cardgrid.c4,.cardgrid.c3,.cardgrid.c2{grid-template-columns:1fr;}}

/* project rows */
.proj{display:grid;grid-template-columns:1.15fr .85fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:48px;transition:border-color .5s;text-decoration:none;color:var(--bone);}
.proj:last-of-type{margin-bottom:0;}
.proj:hover{border-color:var(--line-2);}
.proj.alt{grid-template-columns:.85fr 1.15fr;}
.proj.alt .proj-media{order:2;}
.proj-media{position:relative;min-height:340px;overflow:hidden;}
.proj-media .pm{position:absolute;inset:0;transition:transform .9s var(--ease);filter:saturate(.9) brightness(.8);}
.proj:hover .proj-media .pm{transform:scale(1.06);}
.proj-body{padding:42px;display:flex;flex-direction:column;justify-content:center;}
.proj-body .cat{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--blue-ink);margin-bottom:14px;}
.proj-body h3{font-family:var(--serif);font-weight:300;font-size:clamp(24px,2.6vw,34px);line-height:1.12;margin-bottom:16px;}
.proj-body p{color:var(--stone);font-size:15px;max-width:46ch;}
.proj-body .more{margin-top:22px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--bone);display:inline-flex;gap:8px;align-items:center;transition:gap .3s,color .3s;}
.proj:hover .proj-body .more{gap:14px;color:var(--blue-ink);}
@media(max-width:820px){.proj,.proj.alt{grid-template-columns:1fr;}.proj.alt .proj-media{order:0;}.proj-body{padding:30px;}}

/* split (story / services detail) */
.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;}
.split.rev .split-media{order:2;}
.split-media{position:relative;min-height:420px;border-radius:12px;overflow:hidden;}
.split-media .pm{position:absolute;inset:0;filter:saturate(.9) brightness(.82);}
.split h2{font-family:var(--serif);font-weight:300;font-size:clamp(26px,3.6vw,42px);line-height:1.1;letter-spacing:-.01em;margin-bottom:20px;}
.split p{color:var(--stone);font-size:16px;margin-bottom:16px;max-width:50ch;}
.split .more{margin-top:8px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-ink);text-decoration:none;display:inline-flex;gap:8px;}
@media(max-width:820px){.split{grid-template-columns:1fr;gap:30px;}.split.rev .split-media{order:0;}}

/* timeline (process) */
.timeline{border-left:1px solid var(--line-2);margin-left:8px;padding-left:34px;}
.tstep{position:relative;padding-bottom:34px;}
.tstep:last-child{padding-bottom:0;}
.tstep::before{content:'';position:absolute;left:-42px;top:3px;width:15px;height:15px;border-radius:4px;background:var(--bg);border:1px solid var(--tan-ink);}
.tstep .tn{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--tan-ink);margin-bottom:6px;}
.tstep h3{font-family:var(--serif);font-weight:400;font-size:21px;margin-bottom:6px;}
.tstep p{color:var(--stone);font-size:14.5px;max-width:54ch;}

/* process — custom home build timeline (Gantt-style band) */
.gantt{position:relative;overflow:hidden;color:var(--paper);padding:152px 0 118px;
  background:linear-gradient(180deg,#0b141e 0%,#0e1924 52%,#0b131c 100%);
  --bone:var(--paper);--stone:var(--paper-2);--stone-2:var(--paper-2);--tan-ink:var(--tan);
  --line:rgba(245,247,248,.13);--line-2:rgba(245,247,248,.26);
  --c-num:52px;--c-title:196px;--c-desc:212px;
  --track-start:calc(var(--c-num) + var(--c-title) + var(--c-desc));}
.gantt-photo{position:absolute;top:0;right:0;width:min(82%,1300px);height:94%;z-index:0;pointer-events:none;}
.gantt-photo .pm{position:absolute;inset:0;opacity:.85;
  -webkit-mask-image:radial-gradient(82% 96% at 100% 0%,#000 0%,rgba(0,0,0,.6) 46%,transparent 74%);
  mask-image:radial-gradient(82% 96% at 100% 0%,#000 0%,rgba(0,0,0,.6) 46%,transparent 74%);}
.gantt-wrap{position:relative;z-index:2;}
.gantt-intro{max-width:660px;margin-bottom:60px;}
.gantt-intro h1{font-family:var(--serif);font-weight:300;font-size:clamp(34px,5vw,62px);line-height:1.02;letter-spacing:-.015em;margin:16px 0 18px;}
.gantt-sub{font-size:16px;color:var(--stone);max-width:52ch;line-height:1.62;}

.gantt-chart{position:relative;}
.gantt-phases{display:grid;grid-template-columns:var(--c-num) var(--c-title) var(--c-desc) 1fr;align-items:end;padding-bottom:15px;border-bottom:1px solid var(--line-2);}
.gp-label{grid-column:1 / 4;align-self:end;color:var(--tan-ink);}
.gp-cols{grid-column:4;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));}
.gp-col{position:relative;padding:0 9px;display:flex;flex-direction:column;gap:5px;}
.gp-col::before{content:'';position:absolute;left:-5px;top:3px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8.5px solid var(--tan);opacity:.6;}
.gp-name{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--tan);white-space:nowrap;}
.gp-month{font-size:11.5px;color:var(--paper-2);white-space:nowrap;}

.gantt-rows{position:relative;}
.gantt-grid{position:absolute;left:var(--track-start);right:0;top:0;bottom:0;z-index:0;pointer-events:none;
  background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(100%/7 - 1px),var(--line) calc(100%/7 - 1px),var(--line) calc(100%/7));}
.gantt-grid::before{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--line-2);}
.gantt-group{display:flex;align-items:center;padding:26px 0 12px;position:relative;z-index:1;
  font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--tan-ink);}
.gstep{position:relative;z-index:1;}
.gantt-row{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:var(--c-num) var(--c-title) var(--c-desc) 1fr;align-items:center;
  padding:14px 0;border:none;border-top:1px solid var(--line);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;min-height:62px;transition:background .25s;}
.gantt-row:hover{background:rgba(245,247,248,.035);}
.gantt-row:focus-visible{outline:2px solid var(--tan);outline-offset:-2px;}
.gstep[aria-expanded="true"]>.gantt-row{background:rgba(245,247,248,.045);}
.gr-num{grid-column:1;font-family:var(--mono);font-size:15px;color:var(--tan);letter-spacing:.02em;}
.gr-head{grid-column:2 / 4;display:flex;align-items:center;gap:14px;padding-right:20px;}
.gr-title{font-family:var(--serif);font-weight:400;font-size:18px;line-height:1.16;}
.gr-chev{margin-left:auto;flex:none;width:8px;height:8px;border-right:1.7px solid var(--tan);border-bottom:1.7px solid var(--tan);transform:rotate(45deg);transform-origin:55% 55%;opacity:.6;transition:transform .32s var(--ease),opacity .25s;}
.gantt-row:hover .gr-chev{opacity:1;}
.gstep[aria-expanded="true"] .gr-chev{transform:rotate(-135deg);opacity:1;}
.gr-track{grid-column:4;position:relative;height:36px;}
.gr-track .bar{position:absolute;top:50%;left:calc(var(--l)*1%);width:calc(var(--w)*1%);height:16px;
  transform:translateY(-50%);border-radius:5px;background:linear-gradient(180deg,var(--tan-2),var(--tan));opacity:.5;
  box-shadow:0 2px 8px rgba(0,0,0,.35);transition:opacity .3s var(--ease),height .3s var(--ease),box-shadow .3s var(--ease);}
.gstep[aria-expanded="true"] .bar{opacity:1;height:22px;box-shadow:0 4px 15px rgba(0,0,0,.5),0 0 0 1px rgba(212,189,155,.45),inset 0 1px 0 rgba(255,255,255,.32);}
.gr-drawer{overflow:hidden;max-height:0;transition:max-height .4s var(--ease);}
.gr-drawer-in{padding:4px 0 20px var(--c-num);max-width:calc(var(--c-title) + var(--c-desc));}
.gr-drawer p{font-size:13.5px;line-height:1.58;color:var(--paper-2);}
.gr-when{display:block;margin-top:12px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--tan);}

/* below desktop — collapse to a stacked accordion list (phase header/bars need ≥~1080px to avoid label overlap) */
@media(max-width:1080px){
  .gantt{padding:120px 0 86px;}
  .gantt-photo{width:100%;height:32%;}
  .gantt-photo .pm{-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.5) 60%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.5) 60%,transparent 100%);opacity:.55;}
  .gantt-intro{margin-bottom:40px;}
  .gantt-phases,.gantt-grid{display:none;}
  .gantt-row{grid-template-columns:46px 1fr;align-items:center;padding:16px 0;}
  .gr-head{grid-column:2;padding-right:0;}
  .gr-title{font-size:17px;}
  .gr-track{display:none;}
  .gr-drawer-in{padding-left:46px;max-width:none;}
}

/* gallery lightbox (click any tile to enlarge) */
.gallery .g{cursor:pointer;}
.gallery .g .exp{position:absolute;top:10px;right:10px;z-index:4;width:26px;height:26px;border-radius:6px;border:1px solid rgba(245,247,248,.45);background:rgba(11,14,18,.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;color:var(--paper);font-size:13px;opacity:0;transition:opacity .3s;}
.gallery .g:hover .exp{opacity:.85;}
.lightbox{position:fixed;inset:0;z-index:90;background:rgba(7,9,12,.92);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:40px;opacity:0;pointer-events:none;transition:opacity .35s var(--ease);}
.lightbox.open{opacity:1;pointer-events:auto;}
.lb-frame{position:relative;width:min(1100px,92vw);height:min(82vh,860px);border-radius:12px;overflow:hidden;border:1px solid var(--line-2);background:#0b0e12;transform:scale(.96);transition:transform .4s var(--ease);}
.lightbox.open .lb-frame{transform:none;}
.lb-frame .pm{position:absolute;inset:0;}
.lb-cap{position:absolute;left:0;right:0;bottom:0;padding:20px 24px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--bone);background:linear-gradient(transparent,rgba(7,9,12,.85));}
.lb-close{position:absolute;top:22px;right:26px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);background:rgba(11,14,18,.55);color:var(--bone);font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .25s,color .25s;z-index:2;}
.lb-close:hover{border-color:var(--blue);color:var(--blue-2);}
.ba-slider{position:relative;overflow:hidden;user-select:none;cursor:ew-resize;touch-action:pan-y;}
.ba-after,.ba-before-img{position:absolute;inset:0;}
.ba-before{position:absolute;top:0;left:0;height:100%;overflow:hidden;will-change:width;}
.ba-before-img{width:100%;}
.ba-slider .ba-before .ba-before-img{position:absolute;top:0;left:0;height:100%;}
.ba-tag{position:absolute;bottom:14px;z-index:3;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--bone);background:rgba(11,14,18,.62);backdrop-filter:blur(3px);padding:5px 11px;border-radius:3px;pointer-events:none;}
.ba-tag-before{left:14px;}
.ba-tag-after{right:14px;}
.ba-handle{position:absolute;top:0;bottom:0;width:2px;background:rgba(245,247,248,.9);transform:translateX(-1px);z-index:4;pointer-events:none;box-shadow:0 0 0 1px rgba(11,14,18,.25);}
.ba-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:rgba(11,14,18,.55);backdrop-filter:blur(4px);border:1.5px solid rgba(245,247,248,.9);pointer-events:auto;cursor:ew-resize;}
.ba-grip::before,.ba-grip::after{content:'';position:absolute;top:50%;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;}
.ba-grip::before{left:9px;transform:translateY(-50%);border-right:7px solid rgba(245,247,248,.95);}
.ba-grip::after{right:9px;transform:translateY(-50%);border-left:7px solid rgba(245,247,248,.95);}
.ba-range{position:absolute;left:0;bottom:0;width:100%;height:20px;margin:0;opacity:0;pointer-events:none;-webkit-appearance:none;appearance:none;z-index:5;}
.ba-range:focus-visible{opacity:1;outline:2px solid var(--blue);outline-offset:2px;}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1px solid var(--line-2);background:rgba(11,14,18,.55);backdrop-filter:blur(4px);color:var(--bone);font-size:30px;line-height:1;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;padding-bottom:4px;transition:border-color .2s,background .2s;}
.lb-prev{left:24px;}
.lb-next{right:24px;}
.lb-nav:hover{border-color:var(--blue);color:var(--blue-2);background:rgba(11,14,18,.75);}
@media(max-width:560px){.lb-nav{width:44px;height:44px;font-size:24px;}.lb-prev{left:10px;}.lb-next{right:10px;}}
@media(hover:none){.gallery .g .exp{opacity:.85;}}
@media(max-width:560px){.lightbox{padding:18px;}.lb-frame{height:min(70vh,620px);}}

/* prose / article */
.prose{max-width:680px;}
.prose p{color:var(--stone);font-size:16px;margin-bottom:18px;}
.prose p b,.prose p strong{color:var(--bone);font-weight:500;}
.pull{font-family:var(--serif);font-style:italic;font-size:clamp(22px,3vw,32px);line-height:1.3;color:var(--bone);border-left:2px solid var(--tan-ink);padding:6px 0 6px 24px;margin:30px 0;}

/* contact form */
.cgrid{display:grid;grid-template-columns:.82fr 1.18fr;gap:60px;align-items:start;}
@media(max-width:900px){.cgrid{grid-template-columns:1fr;gap:44px;}}
.phone-link{display:inline-block;font-family:var(--serif);font-weight:300;font-size:clamp(30px,4.4vw,44px);color:var(--bone);text-decoration:none;letter-spacing:-.01em;transition:color .3s;margin-bottom:6px;}
.phone-link:hover{color:var(--blue-ink);}
.talk h2{font-family:var(--serif);font-weight:300;font-size:30px;margin-bottom:18px;}
.talk .small{font-size:14px;color:var(--stone);max-width:36ch;margin-bottom:30px;}
.info-row{display:flex;gap:14px;padding:18px 0;border-top:1px solid var(--line);}
.info-row:last-child{border-bottom:1px solid var(--line);}
.info-row .k{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--stone-2);width:110px;flex-shrink:0;padding-top:2px;}
.info-row .v{font-size:15px;color:var(--bone);}
.info-row .v span{color:var(--stone);display:block;font-size:13px;margin-top:3px;}
.formcard{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:34px;}
.formcard .fhead{font-family:var(--serif);font-weight:300;font-size:24px;margin-bottom:6px;}
.formcard .fsub{font-size:13.5px;color:var(--stone);margin-bottom:26px;}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.field{display:flex;flex-direction:column;gap:7px;}
.field.full{grid-column:1/-1;}
.field label,.field .filecap{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--stone);}
.field label .req{color:var(--tan-ink);}
.field input,.field select,.field textarea{font-family:var(--sans);font-size:15px;font-weight:400;color:var(--bone);-webkit-text-fill-color:var(--bone);caret-color:var(--blue-ink);color-scheme:light;background:var(--bg-3);border:1px solid var(--field-border);border-radius:7px;padding:12px 14px;width:100%;transition:border-color .25s,background .25s,box-shadow .25s;}
/* keep typed + autofilled text legible on the dark form (was rendering black-on-dark) */
.field input:-webkit-autofill,.field input:-webkit-autofill:hover,.field input:-webkit-autofill:focus,.field textarea:-webkit-autofill,.field select:-webkit-autofill{-webkit-text-fill-color:var(--bone);-webkit-box-shadow:0 0 0 1000px var(--bg-3) inset;caret-color:var(--bone);}
.field textarea{resize:vertical;min-height:108px;}
.field input::placeholder,.field textarea::placeholder{color:var(--stone-2);}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--focus);background:#fff;box-shadow:0 0 0 3px rgba(28,95,134,.22);}
.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235a636a' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:34px;cursor:pointer;}
.field select option{background:#fff;color:var(--bone);}
.upload{border:1px dashed var(--line-2);border-radius:7px;padding:14px;font-size:13px;color:var(--stone);text-align:center;cursor:pointer;transition:border-color .25s,color .25s;}
.upload:hover{border-color:var(--blue-ink);color:var(--blue-ink);}
.submit{margin-top:24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.submit .note{font-size:12px;color:var(--stone-2);max-width:30ch;}
.form-status{flex-basis:100%;order:-1;font-family:var(--mono);font-size:11px;letter-spacing:.03em;color:#9c3d1b;margin:0 0 4px;display:flex;align-items:center;gap:8px;}
.form-status::before{content:'!';display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#9c3d1b;color:#fff;font-size:11px;flex-shrink:0;}
.field input[aria-invalid="true"],.field select[aria-invalid="true"],.field textarea[aria-invalid="true"]{border-color:#b4532f;}
.formcard.sent .fgrid,.formcard.sent .submit,.formcard.sent .fhead,.formcard.sent .fsub{display:none;}
.sentmsg{display:none;text-align:center;padding:30px 10px;}
.formcard.sent .sentmsg{display:block;}
.sentmsg .ic{width:54px;height:54px;border-radius:50%;border:1px solid var(--blue-ink);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;color:var(--blue-ink);font-size:24px;}
.sentmsg h3{font-family:var(--serif);font-weight:300;font-size:26px;margin-bottom:10px;}
.sentmsg p{color:var(--stone);font-size:15px;max-width:36ch;margin:0 auto;}
.sentmsg a{color:var(--blue-ink);text-decoration:underline;}
.area{border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.area-grid{display:grid;grid-template-columns:1.2fr 2fr;gap:30px;align-items:center;padding:46px 0;}
.area h3{font-family:var(--serif);font-weight:300;font-size:26px;}
.towns{display:flex;flex-wrap:wrap;gap:10px;}
.town{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--stone);border:1px solid var(--line);border-radius:30px;padding:8px 15px;transition:border-color .3s,color .3s;}
.town:hover{border-color:var(--tan-ink);color:var(--tan-ink);}
.town.hub{color:var(--bone);border-color:var(--line-2);}
@media(max-width:760px){.area-grid{grid-template-columns:1fr;gap:18px;}}

/* case study */
.cs-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:0 0 10px;}
.cs-facts .f{background:var(--bg);padding:22px;}
.cs-facts .f .k{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--stone-2);margin-bottom:8px;}
.cs-facts .f .v{font-size:15px;color:var(--bone);}
@media(max-width:680px){.cs-facts{grid-template-columns:repeat(2,1fr);}}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;gap:12px;}
.gallery .g{position:relative;min-height:150px;border-radius:8px;overflow:hidden;}
.gallery .g .pm{position:absolute;inset:0;filter:saturate(.9) brightness(.82);}
.gallery .g.wide{grid-column:span 2;}
@media(max-width:680px){.gallery{grid-template-columns:repeat(2,1fr);}.gallery .g.wide{grid-column:span 2;}}
.quote{text-align:center;max-width:760px;margin:0 auto;}
.quote .q{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(22px,3vw,32px);line-height:1.3;}
.quote .who{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--tan-ink);margin-top:18px;}

/* cta band */
.ctab{position:relative;padding:140px 0;text-align:center;overflow:hidden;border-top:1px solid var(--line);}
.ctab-bg{position:absolute;inset:0;z-index:0;filter:brightness(.42) saturate(.9);}
.ctab::after{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 60% 70% at 50% 50%,transparent,rgba(11,14,18,.7));}
.ctab-inner{position:relative;z-index:2;color:var(--bone);}
.ctab h2{font-family:var(--serif);font-weight:300;font-size:clamp(30px,5vw,58px);line-height:1.04;letter-spacing:-.01em;margin-bottom:20px;}
.ctab p{color:var(--stone);max-width:44ch;margin:0 auto 34px;font-size:16px;}

/* footer */
footer{border-top:1px solid var(--line);padding:70px 0 34px;}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:54px;}
footer .fdesc{color:var(--stone);font-size:14px;max-width:34ch;}
.fcol h4{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--stone-2);margin-bottom:16px;}
.fcol a{display:block;color:var(--bone);text-decoration:none;font-size:14px;margin-bottom:10px;transition:color .25s;}
.fcol a:hover{color:var(--blue-ink);text-decoration:underline;}
.foot-base{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;color:var(--stone-2);font-size:12px;flex-wrap:wrap;gap:10px;}
.foot-base .mono{color:var(--stone-2);}
@media(max-width:820px){.foot-grid{grid-template-columns:1fr 1fr;gap:30px;}.split-media,.proj-media{min-height:280px;}}
@media(max-width:480px){.foot-grid{grid-template-columns:1fr;gap:26px;margin-bottom:40px;}}

.demoflag{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:70;background:rgba(22,26,30,.92);border:1px solid rgba(245,247,248,.22);backdrop-filter:blur(10px);color:#d4d8dc;font-family:var(--mono);font-size:10px;letter-spacing:.06em;padding:8px 14px;border-radius:30px;max-width:92vw;text-align:center;}
.demoflag b{color:var(--blue-2);}

/* ---- mobile refinements (extremely mobile-friendly) ---- */
@media(max-width:640px){
  .wrap{padding:0 22px;}
  nav.site,nav.site.solid{padding:13px 22px;}
  .brand-logo{height:40px;width:120px;}
  .hero{min-height:88vh;}
  .hero-content{padding:0 22px 70px;}
  .hero h1{font-size:clamp(32px,9vw,42px);max-width:100%;}
  .hero-sub{font-size:15px;}
  .hero-ctas .btn{flex:1;text-align:center;}
  .head{min-height:88vh;}
  .head.short{min-height:74vh;}
  .head-inner{padding:0 22px 44px;}
  .position,.pad{padding:70px 0;}
  .position .big{font-size:24px;}
  .stat{padding:32px 18px;}
  .sec-head{margin-bottom:28px;gap:14px;}
  .proj-body{padding:24px;}
  .split{gap:24px;}
  .split-media,.proj-media{min-height:240px;}
  .fgrid{grid-template-columns:1fr;}
  .formcard{padding:22px;}
  .cgrid{gap:36px;}
  .submit{flex-direction:column;align-items:flex-start;gap:12px;}
  .submit .btn{width:100%;text-align:center;}
  .ctab{padding:88px 0;}
  .cs-facts{grid-template-columns:1fr 1fr;}
  .timeline{padding-left:26px;margin-left:7px;}
  .btn{padding:14px 22px;}
  .demoflag{font-size:9px;padding:7px 11px;}
}
@media(hover:none){ /* touch: show card arrows + tighten taps */
  .card .arrow{opacity:1;transform:none;}
  .nav-links a{padding:6px 0;}
}

.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}

.route[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.head-video{display:none!important;}}

.pm-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* --- Mobile polish (phone-first) --- */
@media (hover:none){ .scrollcue{display:none;} }
@media (max-width:900px){ .scrollcue{display:none;} }

/* Mobile: move header CTA into the menu */
.nav-cta-li{display:none;}
@media(max-width:1040px){
  .nav-cta{display:none;}
  .nav-links.open .nav-cta-li{display:block;border-bottom:none;}
  .nav-links.open .nav-cta-li a{display:block;margin-top:12px;padding:14px 0;text-align:center;background:var(--tan);color:#1a130a;border:none;border-radius:6px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;}
}