:root{--ink:#271f1b;--cream:#f6eddc;--paper:#fff9ed;--rust:#ac4e2f;--orange:#d9763c;--olive:#777843;--sand:#dfbc89}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit}.skip-link{position:absolute;z-index:100;left:12px;top:-60px;padding:12px;background:white}.skip-link:focus{top:12px}.site-header{height:74px;position:relative;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,4vw,70px);background:var(--paper);border-bottom:1px solid rgba(39,31,27,.13)}.site-header a{text-decoration:none}.back-link,.header-cta{font-size:13px;font-weight:700;letter-spacing:.01em}.back-link{justify-self:start}.back-link span{margin-left:10px}.header-brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:700}.header-brand img{object-fit:contain}.header-cta{justify-self:end;border-bottom:1px solid currentColor;padding-bottom:4px}.header-cta span{margin-left:12px}.hero{min-height:calc(100svh - 74px);position:relative;isolation:isolate;overflow:hidden;background:#863e2c;color:var(--paper);display:flex;align-items:center;padding:90px clamp(24px,8vw,145px) 110px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 20%,#bc6846 0,transparent 38%),linear-gradient(115deg,#843d2b,#9d4b31 75%);z-index:-2}.hero-grain{position:absolute;inset:0;opacity:.13;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='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");pointer-events:none}.hero-copy{position:relative;z-index:3;width:min(690px,62%)}.eyebrow,.kicker,.intro-number,.card-index,.hero-footer{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.16em}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow-line{display:inline-block;width:24px;height:1px;background:currentColor}.hero h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.065em}.hero h1{font-size:clamp(58px,7.5vw,118px);line-height:.95;margin:35px 0 28px;font-weight:700}.hero h1 em,h2 em{font-style:normal;color:#f5be82}.hero-intro{max-width:485px;font-size:clamp(17px,1.45vw,21px);line-height:1.55;color:#fae9d6}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;min-height:56px;padding:0 22px;text-decoration:none;border-radius:2px;font-size:14px;font-weight:700;transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-3px)}.button--light{background:var(--paper);color:var(--ink)}.button--light:hover{background:#f4c99a}.button--dark{background:var(--ink);color:var(--paper)}.button--dark:hover{background:var(--rust)}.text-link{font-size:14px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:5px}.text-link span{margin-left:8px}.hero-visual{position:absolute;right:-7%;top:8%;width:51%;height:83%;z-index:1}.hero-visual__photo{position:absolute;top:12%;right:10%;width:72%;height:72%;background:url('assets/curious-sidecar/design-studio.jpg') center/cover;clip-path:polygon(15% 0,90% 4%,100% 42%,82% 100%,8% 87%,0 36%);filter:sepia(.3) saturate(.8)}.hero-visual__disc{position:absolute;top:0;left:0;width:min(25vw,330px);aspect-ratio:1;border-radius:50%;background:#edb370;display:grid;place-items:center;box-shadow:25px 28px 0 rgba(42,32,25,.22)}.hero-visual__disc img{width:76%;mix-blend-mode:multiply}.hero-visual__spark{position:absolute;bottom:0;left:10%;font-size:clamp(100px,17vw,280px);line-height:1;color:#f5bb83;transform:rotate(-18deg)}.hero-orbit{position:absolute;border:2px solid rgba(247,207,169,.3);border-radius:50%;pointer-events:none}.hero-orbit--one{width:700px;height:700px;right:-180px;top:-250px}.hero-orbit--two{width:360px;height:360px;right:30%;bottom:-220px}.hero-footer{position:absolute;bottom:30px;left:clamp(24px,8vw,145px);right:clamp(24px,8vw,145px);display:flex;justify-content:space-between;color:#f4d5bb}.section-pad{padding:clamp(80px,10vw,160px) clamp(24px,8vw,145px)}.intro{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 2fr;gap:5vw;background:var(--paper)}.intro-number{padding-top:10px;color:var(--rust)}.intro-content{position:relative;z-index:2;max-width:780px}.kicker{color:var(--rust);margin:0 0 20px}.intro h2,.section-heading h2,.approach h2,.contact h2{font-size:clamp(47px,6.3vw,94px);line-height:1.02;margin:0 0 32px}.intro h2 span{color:var(--rust)}.intro-content>p:last-of-type,.approach-copy>p:not(.kicker){font-size:clamp(17px,1.5vw,21px);line-height:1.65;max-width:620px}.intro-shape{position:absolute;width:380px;height:380px;left:-210px;bottom:-180px;background:var(--sand);border-radius:48% 52% 16% 84%;transform:rotate(22deg)}.services{background:#e8d9c2}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:60px}.section-heading h2 em{color:var(--rust)}.section-heading>p{max-width:290px;line-height:1.6;font-size:17px;margin-bottom:36px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{min-height:350px;padding:28px;position:relative;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease}.service-card:hover{transform:translateY(-7px)}.card-index{position:relative;z-index:2}.card-symbol{position:absolute;right:23px;top:5px;font-family:'Space Grotesk',sans-serif;font-size:120px;line-height:1;opacity:.22;transform:rotate(-20deg)}.service-card h3{font-size:clamp(28px,2.7vw,43px);line-height:1.05;margin:auto 0 18px;position:relative}.service-card p{margin:0;max-width:300px;font-size:15px;line-height:1.55;position:relative}.service-card--rust{background:#aa5134;color:white}.service-card--cream{background:#f8f0e1}.service-card--olive{background:#737446;color:white}.service-card--sand{background:#dbad76}.service-card--dark{background:#312925;color:white}.service-card--outline{background:transparent;border:1px solid #897b6a}.image-break{height:clamp(480px,60vw,740px);position:relative;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:var(--ink)}.image-break__pane{overflow:hidden}.image-break__pane img{width:100%;height:110%;object-fit:cover;display:block;filter:sepia(.3) saturate(.8) brightness(.72)}.image-break__pane--two img{filter:sepia(.25) saturate(.75) brightness(.55)}.image-break__statement{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;color:white;font-family:'Space Grotesk',sans-serif;font-size:clamp(38px,5.5vw,86px);font-weight:700;line-height:1.1;letter-spacing:-.06em;text-shadow:0 4px 30px rgba(0,0,0,.5)}.image-break__statement em{font-style:normal;color:#f6c490}.approach{background:var(--paper);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10vw}.approach h2 em{color:var(--rust)}.approach-copy .button{margin-top:25px}.approach-art{position:relative;min-height:510px}.approach-art__frame{position:absolute;inset:30px 20px 35px 0;overflow:hidden;clip-path:polygon(0 4%,94% 0,100% 94%,8% 100%)}.approach-art__frame img{width:100%;height:110%;object-fit:cover;filter:sepia(.35) saturate(.8)}.approach-art__sticker{position:absolute;right:-30px;bottom:-20px;width:190px;height:190px;background:var(--olive);color:white;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:700;line-height:1.1;transform:rotate(11deg);box-shadow:15px 15px 0 var(--sand)}.approach-art__sticker span{font-size:30px}.contact{position:relative;overflow:hidden;background:#8e412c;color:var(--paper);min-height:650px}.contact .kicker{color:#f8cca1}.contact h2{position:relative;z-index:1}.contact h2 em{color:#f8c998}.contact>p:not(.kicker){font-size:20px;line-height:1.5;max-width:500px;margin-bottom:30px;position:relative;z-index:1}.contact-ring{position:absolute;right:-170px;top:-160px;width:700px;height:700px;border:100px solid #bd7545;border-radius:50%;opacity:.55}.contact-bottom{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:130px;padding-top:25px;border-top:1px solid rgba(255,255,255,.45);font-size:12px;font-weight:700;letter-spacing:.1em}.contact-bottom img{object-fit:contain;filter:invert(1);mix-blend-mode:screen}.contact-bottom a{text-decoration:none}@media(max-width:900px){.hero{padding:80px 32px 110px}.hero-copy{width:75%}.hero-visual{opacity:.65;right:-22%;width:65%}.section-pad{padding:90px 32px}.service-grid{grid-template-columns:repeat(2,1fr)}.approach{gap:40px}.approach-art{min-height:400px}}@media(max-width:650px){.site-header{height:66px;padding:0 18px;grid-template-columns:1fr auto}.header-brand{grid-column:1;grid-row:1;font-size:14px}.header-brand img{width:36px;height:36px}.back-link{display:none}.header-cta{grid-column:2;grid-row:1;font-size:12px}.header-cta span{margin-left:3px}.hero{min-height:720px;align-items:flex-start;padding:85px 24px 100px}.hero-copy{width:100%}.hero h1{font-size:clamp(54px,13vw,76px);margin:28px 0}.hero-intro{font-size:17px;max-width:350px}.hero-visual{top:auto;bottom:-80px;right:-60px;width:350px;height:300px;opacity:.35}.hero-visual__disc{width:150px}.hero-visual__spark{font-size:120px}.hero-actions{gap:18px}.hero-footer{left:24px;right:24px;bottom:18px;font-size:9px}.section-pad{padding:75px 24px}.intro{grid-template-columns:1fr;gap:22px}.intro h2,.section-heading h2,.approach h2,.contact h2{font-size:clamp(46px,11vw,67px)}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin:0}.service-grid{grid-template-columns:1fr}.service-card{min-height:295px}.image-break{height:540px;grid-template-columns:1fr}.image-break__pane--two{display:none}.approach{grid-template-columns:1fr}.approach-art{min-height:360px}.approach-art__sticker{right:0;width:140px;height:140px;font-size:19px}.contact{min-height:650px}.contact-ring{width:400px;height:400px;border-width:60px;right:-240px;top:-60px}.contact-bottom{margin-top:100px;flex-wrap:wrap;align-items:center}.contact-bottom img{width:60px;height:60px}.contact-bottom a{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
[data-parallax]{translate:0 var(--parallax-y,0px);will-change:translate}
body{padding-top:var(--nav-height);font-family:'DM Sans',sans-serif;background:var(--cream);color:var(--ink)}.hero{min-height:calc(100svh - var(--nav-height))}.top-nav__link--sidecar.top-nav__link--active::after{background:var(--rust)}
/* The logo becomes the hero's main visual mark, with a quieter echo in the introduction. */
.hero-visual__disc{width:min(32vw,460px);top:3%;left:-4%;background:#f4d1a1;box-shadow:30px 30px 0 rgba(42,32,25,.25)}.hero-visual__disc img{width:88%;height:88%;object-fit:contain}.hero-visual__photo{top:26%;right:3%;width:70%;height:64%;filter:sepia(.45) saturate(.65) brightness(.72)}.hero-visual__spark{bottom:-6%;left:5%;opacity:.8}.intro-logo{position:absolute;width:280px;height:280px;object-fit:contain;right:-80px;bottom:-90px;opacity:.07;mix-blend-mode:multiply;pointer-events:none}
.thanet{background:#c7ab88;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:clamp(40px,6vw,110px);align-items:center;overflow:hidden}.thanet-copy h2{font-size:clamp(47px,5.7vw,87px);line-height:1.02;margin:0 0 28px;font-family:'Space Grotesk',sans-serif;letter-spacing:-.065em}.thanet-copy h2 em{font-style:normal;color:#8e412c}.thanet-copy>p:not(.kicker){font-size:clamp(17px,1.45vw,21px);line-height:1.6;max-width:440px}.thanet-coordinate{display:inline-flex;gap:30px;margin-top:35px;padding-top:12px;border-top:1px solid #6b604d;font-size:12px;font-weight:700;letter-spacing:.15em}.thanet-map{position:relative;background:#e6d2b5;padding:12px;box-shadow:28px 28px 0 #aa7657;transform:rotate(2deg)}.thanet-map svg{display:block;width:100%;height:auto}.map-note{display:block;text-align:right;margin:5px 8px 0;color:#645b4f;font-size:10px;text-transform:uppercase;letter-spacing:.08em}@media(max-width:900px){.hero-visual__disc{width:min(40vw,400px)}.thanet{grid-template-columns:1fr;gap:40px}.thanet-map{max-width:720px}}@media(max-width:650px){.hero{min-height:790px}.hero-visual{opacity:.72;bottom:-102px;right:-30px;width:320px;height:320px}.hero-visual__disc{width:220px;top:0;left:0}.hero-visual__photo{top:40%;width:70%;height:55%;opacity:.6}.hero-visual__spark{display:none}.intro-logo{width:190px;height:190px;right:-40px}.thanet-map{padding:6px;box-shadow:12px 12px 0 #aa7657;transform:none}.thanet-map svg{min-width:0}.map-note{font-size:8px}}
.map-towns{display:none}@media(max-width:650px){.map-towns{display:block;margin:14px 6px 8px;font-size:14px;font-weight:700;line-height:1.8}.map-towns span{color:var(--rust);padding:0 4px}}
/* Requested visual refinements */
.hero-visual__disc img{width:98%;height:98%;object-fit:contain}.hero-orbit--one{display:grid;place-items:center}.hero-orbit--one img{width:58%;height:58%;object-fit:contain;opacity:.09;filter:invert(1)}.service-card{isolation:isolate}.card-symbol{top:38px;right:26px;z-index:0;pointer-events:none}.service-card h3,.service-card p,.card-index{z-index:2}.approach-art__sticker span{font-size:26px;line-height:1;margin-top:8px}.thanet{background:#a9583b;color:#fff9ed}.thanet .kicker{color:#f9cfaa}.thanet-copy h2 em{color:#ffe0ad}.thanet-coordinate{border-color:rgba(255,249,237,.65)}.thanet-map{background:#a9cbd0;box-shadow:28px 28px 0 #783a2c}.contact-ring{border-width:3px;opacity:.7}@media(max-width:650px){.thanet-map{box-shadow:12px 12px 0 #783a2c}.hero-orbit--one img{opacity:.07}.contact-ring{border-width:2px}}
.hero-orbit--one img{width:80%;height:80%;opacity:.09}@media(max-width:650px){.hero-orbit--one img{opacity:.07}}
.hero-orbit--one{top:-20px;right:-10px}.hero-orbit--one img{width:90%;height:90%}@media(max-width:650px){.hero-orbit--one{width:430px;height:430px;top:0;right:-30px}.hero-orbit--one img{width:86%;height:86%}}
.hero-orbit--one{top:-25px;right:-70px;border-width:1px}.hero-orbit--one img{width:103%;height:103%}@media(max-width:650px){.hero-orbit--one{top:-10px;right:-50px}.hero-orbit--one img{width:102%;height:102%}}
.hero-orbit--one{width:740px;height:740px}.hero-orbit--one img{width:108%;height:108%;rotate:8deg}@media(max-width:650px){.hero-orbit--one{width:455px;height:455px}.hero-orbit--one img{width:106%;height:106%}}
.hero-orbit--one img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(8deg);rotate:none}
.hero-visual__disc img{transform:rotate(-7deg)}
.contact-bottom img{width:180px;height:180px;object-fit:contain;filter:none;mix-blend-mode:normal}.contact-bottom{align-items:center;margin-top:110px}.service-card [data-card-parallax]{top:0;translate:0 var(--card-travel,0px)}@media(max-width:650px){.contact-bottom img{width:130px;height:130px}.contact-bottom{margin-top:80px}}
/* A small lift in warmth and light without changing the autumn palette. */
:root{--cream:#f8f0e2;--paper:#fffaf0;--rust:#b45739;--sand:#e8c694}.hero{background:#97472f}.hero:before{background:radial-gradient(circle at 78% 20%,#c87650 0,transparent 38%),linear-gradient(115deg,#944630,#ab5638 75%)}.hero-visual__disc{background:#f4c58a}.services{background:#f0e3cf}.service-card--rust{background:#b65d3d}.service-card--olive{background:#858650}.service-card--sand{background:#e6bd85}.service-card--dark{background:#40342c}.thanet{background:#b96643}.contact{background:#a04e34}.contact-ring{border-color:#d89461}.contact-bottom img{filter:none}.service-card--outline [data-card-parallax]{opacity:.28}
.contact-bottom img{width:240px;height:240px}.contact-phone{display:block;width:max-content;position:relative;z-index:1;margin-top:17px;color:#fff5e4;font-size:17px;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}.contact-phone:hover{color:#f7daa0}@media(max-width:650px){.contact-bottom img{width:165px;height:165px}}
.contact-background-logo{position:absolute;z-index:0;right:3%;top:4%;width:min(50vw,670px);height:auto;opacity:.075;filter:invert(1);pointer-events:none}.contact .button,.contact-phone,.contact .kicker,.contact-bottom{position:relative;z-index:1}@media(max-width:650px){.contact-background-logo{width:360px;right:-110px;top:12%;opacity:.055}}
.contact-background-logo{right:27%;top:2%;width:min(58vw,760px);opacity:.11;filter:none}.thanet-map{padding-left:0}@media(max-width:650px){.contact-background-logo{right:7%;top:7%;width:390px;opacity:.075}.thanet-map{padding-left:0}}
.hero-visual__disc{top:-1%}@media(max-width:650px){.hero-visual{bottom:-76px}.hero-visual__disc{top:-8px}}
/* Give the hero artwork a calmer position on wide displays. */
@media (min-width:1600px){
  .hero-visual{right:10%;width:40%}
  .hero-visual__disc{left:5%}
  .hero-visual__photo{right:0;width:65%}
}
/* Wide desktop layout begins at ordinary laptop/desktop widths. */
@media (min-width:1280px){
  .hero-copy{width:min(520px,45%)}
  .hero-visual{right:16%;width:37%}
  .hero-visual__disc{left:8%}
  .hero-visual__photo{right:0;width:63%}
}
/* Keep the headline and hero artwork in separate visual zones on desktop. */
@media (min-width:1280px){
  .hero-visual__disc{left:calc(8% + 190px)}
  .hero-visual__photo{right:-3%;width:58%}
  .hero-orbit--one img{
    opacity:.065;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 42%,#000 77%);
    mask-image:linear-gradient(to right,transparent 0%,transparent 42%,#000 77%);
  }
}
/* Override the portfolio site's centered hero rule for this landing page. */
.hero{justify-content:flex-start;pointer-events:auto}
/* Super-wide screens have room for the intended two-line headline. */
@media (min-width:1600px){
  .hero-copy{width:min(850px,53%)}
  .hero h1{font-size:clamp(78px,5.3vw,100px)}
}
/* Each explicit hero line stays intact once the desktop layout begins. */
@media (min-width:1280px){
  .hero h1{font-size:clamp(58px,4.6vw,90px);white-space:nowrap}
}
@media (min-width:1280px){.hero-visual__photo{right:-9%}}
@media (min-width:1280px){.hero-visual__photo{right:-28%}}
@media (min-width:1600px){.hero-visual__photo{right:-42%}}
/* Overscan the scrolling photographs so their frames never reveal the backing. */
.image-break__pane{position:relative}
.image-break__pane img{position:absolute;top:-140px;left:0;width:100%;height:calc(100% + 280px);object-fit:cover}
/* Keep the faint stamp even and let the photograph show beside the roundel. */
@media (min-width:1280px){
  .hero-orbit--one img{opacity:.08;-webkit-mask-image:none;mask-image:none}
  .hero-visual__disc{left:calc(8% + 110px)}
  .hero-visual__photo{right:-38%;width:58%}
}
@media (min-width:1600px){.hero-visual__photo{right:-50%}}
/* Native SVG paths avoid glyph substitutions in mobile Safari. */
.card-symbol svg{display:block;width:120px;height:120px}.hero-visual__spark svg{display:block;width:clamp(100px,17vw,280px);height:auto}.sticker-star svg{display:block;width:30px;height:30px;margin-top:7px}.ui-arrow{display:inline-block;width:17px;height:17px;vertical-align:middle;flex:none}.hero-footer .ui-arrow{width:13px;height:13px;margin-left:3px}.contact-bottom .ui-arrow{width:14px;height:14px;margin-left:4px}.thanet-coordinate .ui-arrow{width:14px;height:14px}
/* A narrow map inset and comfortable space around the mobile town list. */
.thanet-map{padding-left:8px}.map-towns{padding-left:14px}@media(max-width:650px){.thanet-map{padding-left:8px}.map-towns{padding-left:14px}}
/* Let the land bleed to the frame edge while keeping the town list inset. */
.thanet-map{padding-left:0;overflow:hidden}@media(max-width:650px){.thanet-map{padding-left:0}}
/* Extend the lower-left land below the map graphic, behind its bottom copy. */
.thanet-map::before{content:"";position:absolute;z-index:0;left:0;bottom:0;width:64%;height:180px;background:#adad78;clip-path:polygon(0 0,60% 0,100% 100%,0 100%);pointer-events:none}.thanet-map svg,.thanet-map .map-note,.thanet-map .map-towns{position:relative;z-index:1}@media(max-width:650px){.thanet-map::before{height:190px;width:72%}}
.thanet-map::before{width:44%;clip-path:polygon(0 0,62% 0,100% 100%,0 100%)}@media(max-width:650px){.thanet-map::before{width:48%}}
/* Let the SVG coastline continue with the land below the graphic. */
.thanet-map::before{display:none}.thanet-map svg{overflow:visible}