/* HOMEFRONT 2027 facelift: same navy, cream and brass identity, refined for a
   more cinematic, tactile web. Loaded after the shared shell on every page.
   Photography is never recolored; motion stops for reduced-motion visitors. */
:root{
 --hf-navy:#1E3341;--hf-night:#13232e;--hf-deep:#0f1f29;--hf-cream:#F4F0E8;--hf-sand:#ece6dc;
 --hf-gold:#EACA92;--hf-gold-light:#FFE1AE;--hf-brass:#BB9259;--hf-muted:#53616a;--hf-hair:#d7cfc2;
 --hf-ease:cubic-bezier(.4,0,.2,1);--hf-ease-out:cubic-bezier(.16,1,.3,1);
 --hf-header-h:80px;--hf-grain: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='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")
}
.hf-site{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.hf-site :is(h1,h2,h3){text-wrap:balance}
.hf-site p{text-wrap:pretty}
.hf-site ::selection{background:#EACA92;color:#1E3341}
.hf-site .hf-page-scroll{scrollbar-width:thin;scrollbar-color:#bb925999 transparent}

/* Page-to-page transitions (supporting browsers only). */
@view-transition{navigation:auto}
::view-transition-old(root){animation:hf-vt-out .26s var(--hf-ease) both}
::view-transition-new(root){animation:hf-vt-in .5s var(--hf-ease-out) both}
@keyframes hf-vt-out{to{opacity:0}}
@keyframes hf-vt-in{from{opacity:0;transform:translateY(8px)}}

/* Reading progress. */
.hf-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:80;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#BB9259,#FFE1AE 60%,#EACA92);pointer-events:none;box-shadow:0 0 12px #ffe1ae80}

/* Header: a deeper navy at rest, frosted glass once the page moves. */
.hf-site header.hf-header.masthead{background:linear-gradient(180deg,#1a2f3c,#1E3341);border-bottom:1px solid #eaca9224}
.hf-site.page-home header.hf-header.masthead:not(.is-pinned){background:linear-gradient(180deg,#0e1b24b8,#0e1b2400);border-bottom-color:transparent}
.hf-site .hf-header #main-nav>a,.hf-site .hf-header .hf-services-menu>summary{position:relative;border-bottom:0}
.hf-site .hf-header #main-nav>a:after,.hf-site .hf-header .hf-services-menu>summary:after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:#EACA92;transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--hf-ease-out)}
.hf-site .hf-header #main-nav>a:hover:after,.hf-site .hf-header #main-nav>a[aria-current]:after,.hf-site .hf-header .hf-services-menu>summary:hover:after,.hf-site .hf-header .hf-services-menu[open]>summary:after{transform:scaleX(1)}
.hf-site .hf-header .hf-header-contact{background:#f4f0e814;border-color:#f4f0e840;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(var(--px,0),var(--py,0));transition:transform .35s var(--hf-ease-out),background .3s,color .3s}
.hf-site .hf-header .hf-header-contact:hover{background:#FFE1AE;border-color:#FFE1AE;color:#1E3341}
.hf-site header.hf-header.masthead.is-pinned{position:fixed;top:0;left:0;right:var(--hf-scrollbar,0px);height:66px;background:#101e28c4;-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border-bottom:1px solid #eaca922e;box-shadow:0 14px 40px #070f1638;animation:hf-drop .55s var(--hf-ease-out);transition:transform .45s var(--hf-ease-out)}
.hf-site header.hf-header.masthead.is-pinned.is-tucked{transform:translateY(-110%)}
.hf-site header.hf-header.masthead.is-pinned.hf-header-accessed{animation:none}
.hf-site header.hf-header.masthead.is-pinned:is(:focus-within,.hf-menu-open){animation:none;transform:none;transition:none}
.hf-site .hf-header.is-pinned .brand-logo{width:198px}
.hf-site .hf-header.is-pinned .hf-mega{top:66px}
.hf-site .hf-header.is-pinned .hf-mega:popover-open{inset:66px 0 auto}
@keyframes hf-drop{from{transform:translateY(-100%)}}
.hf-site .hf-mega{background:#f7f3ecf5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 30px 60px #0d1a2433}

/* Buttons and links: brass with a little light in it. */
.hf-site .button{background:linear-gradient(135deg,#FFE1AE,#EACA92 52%,#d6b075);border:1px solid #fff0d6;box-shadow:inset 0 1px 0 #ffffff80,0 10px 26px #bb925947;transform:translate(var(--px,0),var(--py,0));transition:transform .35s var(--hf-ease-out),box-shadow .35s,filter .35s}
.hf-site .button:hover{box-shadow:inset 0 1px 0 #ffffff99,0 16px 34px #bb925966;filter:saturate(1.08)}
.hf-site .button>span[aria-hidden],.hf-site .text-link>span[aria-hidden]{display:inline-block;transition:transform .35s var(--hf-ease-out)}
.hf-site .button:hover>span[aria-hidden]{transform:translate(3px,-2px)}
.hf-site .hf-contact-button{transform:translate(var(--px,0),var(--py,0));transition:transform .35s var(--hf-ease-out),background .3s}
.hf-site .text-link{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .45s var(--hf-ease-out)}
.hf-site .text-link:hover{background-size:100% 1px}

/* Scroll reveals (attribute added by script, so no-JS visitors see everything). */
.hf-motion [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .9s var(--hf-ease-out) var(--hf-delay,0ms),transform 1.1s var(--hf-ease-out) var(--hf-delay,0ms)}
.hf-motion [data-reveal].is-in{opacity:1;transform:none}

/* Sheen and tilt for cards and photographs. */
.hf-sheen{position:relative;overflow:hidden;transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--hf-ease-out);will-change:transform}
.hf-sheen:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px circle at var(--mx,50%) var(--my,50%),#fff4e02e,transparent 46%);opacity:0;transition:opacity .45s}
.hf-sheen:hover:after{opacity:1}

/* Utilities for dark sections: film grain and a pointer-following light. */
.hf-glow{position:relative;isolation:isolate}
.hf-glow:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(650px circle at var(--gx,70%) var(--gy,30%),#eaca921c,transparent 60%);transition:background .2s}
.hf-grain:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:var(--hf-grain);opacity:.07;mix-blend-mode:overlay}

/* Home: a cinematic opening. */
.hf-site .hf-home-hero{height:auto;min-height:calc(100svh - var(--hf-dock));overflow:hidden}
.hf-site .hf-home-hero>img{transform-origin:65% 45%;animation:hf-settle 9s var(--hf-ease-out) both}
.hf-site .hf-home-hero:after{background:linear-gradient(90deg,#0d1a23e6 0%,#0d1a2399 38%,#0d1a2314 72%),linear-gradient(0deg,#0d1a23b3,transparent 42%),linear-gradient(180deg,#0d1a2366,transparent 22%)}
.hf-site .hf-home-hero>div{padding:150px 0 170px}
.hf-site .hf-home-hero h1{font-size:clamp(68px,7.4vw,124px);line-height:.94;letter-spacing:-.045em;max-width:820px}
.hf-line{display:block;overflow:hidden;padding-bottom:.06em}
.hf-line>span{display:block;animation:hf-rise 1.3s var(--hf-ease-out) both}
.hf-line+.hf-line>span{animation-delay:.14s}
.hf-hero-rule{display:block;width:140px;height:1px;margin:30px 0 4px;background:linear-gradient(90deg,#FFE1AE,#bb925900);transform-origin:0 50%;animation:hf-draw 1.6s var(--hf-ease-out) .5s both}
.hf-site .hf-home-hero .eyebrow{animation:hf-fade 1.2s var(--hf-ease-out) .1s both}
.hf-site .hf-home-hero>div>p:not(.eyebrow),.hf-site .hf-home-hero .button{animation:hf-fade 1.2s var(--hf-ease-out) .55s both}
.hf-hero-chips{position:absolute;left:max(5%,calc((100% - 1280px)/2));right:max(5%,calc((100% - 1280px)/2));bottom:34px;display:flex;flex-wrap:wrap;gap:12px;animation:hf-fade 1.2s var(--hf-ease-out) .9s both}
.hf-hero-chips a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:11px 18px;border-radius:999px;background:#f4f0e81a;border:1px solid #f4f0e838;-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);color:#F4F0E8;font:600 12px/1.3 Manrope,Arial,sans-serif;letter-spacing:.02em;text-decoration:none;transition:background .3s,border-color .3s,transform .35s var(--hf-ease-out)}
.hf-hero-chips a:hover{background:#f4f0e830;border-color:#ffe1ae80;transform:translateY(-2px)}
.hf-chip-dot{width:8px;height:8px;border-radius:50%;background:#FFE1AE;box-shadow:0 0 0 0 #ffe1ae99;animation:hf-pulse 2.4s ease-out infinite}
@keyframes hf-settle{from{transform:scale(1.13)}to{transform:scale(1.02)}}
@keyframes hf-rise{from{transform:translateY(105%)}}
@keyframes hf-fade{from{opacity:0;transform:translateY(14px)}}
@keyframes hf-draw{from{transform:scaleX(0)}}
@keyframes hf-pulse{70%{box-shadow:0 0 0 10px #ffe1ae00}100%{box-shadow:0 0 0 0 #ffe1ae00}}

/* Service ribbon. */
.hf-ribbon{position:relative;overflow:hidden;background:var(--hf-night);border-block:1px solid #eaca9224;padding:20px 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.hf-ribbon-track{display:flex;align-items:center;gap:30px;width:max-content;animation:hf-marquee 70s linear infinite}
.hf-ribbon:hover .hf-ribbon-track{animation-play-state:paused}
.hf-ribbon span{font:500 clamp(22px,2.3vw,34px)/1.1 Editorial,Georgia,serif;letter-spacing:-.01em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px #eaca92b3}
.hf-ribbon span:nth-of-type(3n+1){color:#EACA92;-webkit-text-stroke:0}
.hf-ribbon i{font-style:normal;color:#BB9259;font-size:12px}
@keyframes hf-marquee{to{transform:translateX(-50%)}}

/* The home, in three dimensions. */
.hf-model{position:relative;overflow:hidden;color:#F4F0E8;background:radial-gradient(110% 85% at 76% 34%,#2a4a5e 0%,#18303f 44%,#0d1b24 100%)}
.hf-model>.hf-model-grid{position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:linear-gradient(#b4cbd010 1px,transparent 1px),linear-gradient(90deg,#b4cbd010 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(80% 70% at 70% 45%,#000,transparent)}
.hf-model-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:3%;padding-block:118px 96px;align-items:center}
.hf-model .eyebrow{color:#FFE1AE}
.hf-model h2{font:500 clamp(46px,5.2vw,82px)/1 Editorial,Georgia,serif;letter-spacing:-.035em;margin:16px 0 24px}
.hf-model-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#dfe3e0;max-width:520px}
.hf-model .hf-model-hint{display:flex;align-items:center;gap:10px;font:650 10px/1.4 Manrope,Arial,sans-serif;letter-spacing:.16em;color:#EACA92;margin-top:26px}
.hf-model-hint:before{content:"";width:22px;height:22px;border-radius:50%;border:1px solid #eaca9299;background:radial-gradient(circle,#FFE1AE 0 2px,transparent 3px)}
.hf-model-list{display:grid;grid-template-columns:1fr 1fr;gap:26px 30px;margin-top:38px}
.hf-model-group>p{font:650 10px/1.4 Manrope,Arial,sans-serif;letter-spacing:.16em;color:#9fb1b7;margin:0 0 6px}
.hf-model-list a{display:grid;grid-template-columns:30px 1fr;column-gap:8px;align-items:baseline;padding:11px 0;border-top:1px solid #f4f0e81f;color:#F4F0E8;text-decoration:none;transition:color .3s}
.hf-model-list a>span{font:650 10px/1 Manrope,Arial,sans-serif;letter-spacing:.08em;color:#BB9259}
.hf-model-list strong{font:500 19px/1.25 Editorial,Georgia,serif;transition:color .3s,transform .4s var(--hf-ease-out)}
.hf-model-list small{grid-column:2;display:block;max-height:0;opacity:0;overflow:hidden;font:400 12px/1.55 Manrope,Arial,sans-serif;color:#c9d1cf;transition:max-height .45s var(--hf-ease-out),opacity .35s,margin .45s var(--hf-ease-out)}
.hf-model-list a:is(:hover,:focus-visible,.is-active) strong{color:#FFE1AE;transform:translateX(3px)}
.hf-model-list a:is(:hover,:focus-visible,.is-active) small{max-height:4.8em;opacity:1;margin-top:5px}
.hf-model-figure{margin:0;position:relative;min-width:0}
.hf-model-stage{position:relative;height:clamp(440px,52vw,680px);cursor:grab;touch-action:pan-y;outline:none;border-radius:22px}
.hf-model-stage:focus-visible{box-shadow:0 0 0 2px #FFE1AE80}
.hf-model-stage.is-dragging{cursor:grabbing}
.hf-model-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.hf-model-pin{position:absolute;left:0;top:0;opacity:0;text-decoration:none;transition:opacity .4s}
.hf-model-dot{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#fff6e6 0 2px,#FFE1AE 3px,#eaca9266 4px,transparent 7px);box-shadow:0 0 16px #ffe1aeaa}
.hf-model-dot:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid #ffe1ae80;animation:hf-ping 2.8s ease-out infinite}
.hf-model-tag{position:absolute;left:14px;top:-15px;white-space:nowrap;padding:7px 12px;border-radius:999px;background:#0f1d27cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #eaca9247;color:#F4F0E8;font:600 11px/1.2 Manrope,Arial,sans-serif;letter-spacing:.04em;opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .4s var(--hf-ease-out);pointer-events:none}
.hf-model-pin:is(:hover,.is-active) .hf-model-tag{opacity:1;transform:none}
.hf-model-figure figcaption{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #eaca9240;padding-top:13px;font:650 9px/1.5 Manrope,Arial,sans-serif;letter-spacing:.16em;color:#cdbb98}
html:not(.hf-js) .hf-model-figure{display:none}
html:not(.hf-js) .hf-model-inner{grid-template-columns:1fr}
@keyframes hf-ping{0%{transform:scale(.6);opacity:1}80%,100%{transform:scale(1.9);opacity:0}}

/* Service families: photographs that respond. */
.hf-site .hf-family-photo img{transition:transform 1.4s var(--hf-ease-out)}
.hf-site .hf-family-photo:hover img{transform:scale(1.06)}
.hf-site .hf-family-copy h2{letter-spacing:-.035em}
.hf-site .hf-family-copy nav a{transition:color .3s,padding .4s var(--hf-ease-out)}
.hf-site .hf-family-copy nav a:hover{color:#8a6638;padding-left:6px}

/* Featured project and project cards. */
.hf-site .hf-featured-project .hf-project-photo img{transition:transform 1.4s var(--hf-ease-out)}
.hf-site .hf-featured-project .hf-project-photo:hover img{transform:scale(1.04)}
.hf-site .hf-featured-project h2{letter-spacing:-.035em}
.hf-site .hf-project-card a{border-radius:4px}

/* Compass, as seen from the home page. */
.hf-compass-teaser{background:linear-gradient(118deg,#13232e,#1E3341 62%,#172c39);color:#F4F0E8;overflow:hidden}
.hf-compass-teaser>.hf-model-grid{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(#b4cbd00d 1px,transparent 1px),linear-gradient(90deg,#b4cbd00d 1px,transparent 1px);background-size:30px 30px}
.hf-teaser-inner{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;padding-block:100px;align-items:center}
.hf-compass-teaser .eyebrow{color:#FFE1AE}
.hf-compass-teaser h2{font:500 clamp(44px,4.8vw,72px)/1.02 Editorial,Georgia,serif;letter-spacing:-.035em;margin:16px 0 24px}
.hf-teaser-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#dfe3e0;max-width:520px;margin-bottom:32px}
.hf-teaser-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hf-teaser-card{display:grid;gap:10px;align-content:start;min-height:190px;padding:26px 24px;border-radius:18px;background:linear-gradient(160deg,#f4f0e814,#f4f0e805);border:1px solid #eaca922e;color:#F4F0E8;text-decoration:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .35s,background .35s}
.hf-teaser-card:hover{border-color:#ffe1ae80;background:linear-gradient(160deg,#f4f0e821,#f4f0e808)}
.hf-teaser-card>span{font:650 10px/1.4 Manrope,Arial,sans-serif;letter-spacing:.16em;color:#BB9259}
.hf-teaser-card strong{font:500 26px/1.15 Editorial,Georgia,serif;letter-spacing:-.02em}
.hf-teaser-card small{font:400 13px/1.6 Manrope,Arial,sans-serif;color:#c9d1cf}

/* Hubs and editorial pages: openings arrive with the same quiet motion. */
.hf-site :is(.hf-discovery-intro,.hf-about-hero,.hf-projects-intro,.hf-contact-page,.hf-reading-hero>div) h1{animation:hf-fade 1.2s var(--hf-ease-out) .05s both;letter-spacing:-.04em}
.hf-site .hf-guide-family>div>a{transition:padding .45s var(--hf-ease-out),border-color .3s}
.hf-site .hf-guide-family>div>a:hover{padding-left:10px;border-color:#BB9259}
.hf-site .hf-connected-guides a,.hf-site .hf-project-related a{transition:color .3s,padding .45s var(--hf-ease-out)}
.hf-site .hf-connected-guides a:hover,.hf-site .hf-project-related a:hover{color:#8a6638;padding-left:8px}

/* Footer: a closing scene instead of a link list. */
.hf-site .hf-footer{display:block;position:relative;overflow:hidden;background:radial-gradient(90% 120% at 85% 0%,#2a4a5e 0%,#152733 46%,#0d1b24 100%);color:#F4F0E8;padding:96px 5% 36px;border-top:0}
.hf-footer-statement{display:grid;grid-template-columns:1fr auto;align-items:end;gap:28px 6%;padding-bottom:58px;border-bottom:1px solid #eaca9233;position:relative;z-index:1}
.hf-footer-statement .eyebrow{grid-column:1/-1;color:#FFE1AE;margin:0}
.hf-site .hf-footer .hf-footer-line{font:500 clamp(54px,8vw,128px)/.92 Editorial,Georgia,serif;letter-spacing:-.05em;margin:0;background:linear-gradient(100deg,#F4F0E8 30%,#EACA92 70%,#BB9259);-webkit-background-clip:text;background-clip:text;color:transparent}
.hf-site .hf-footer .hf-footer-statement .hf-contact-button{background:#FFE1AE;border-color:#FFE1AE;color:#1E3341;min-height:52px;padding:14px 28px}
.hf-site .hf-footer .hf-footer-statement .hf-contact-button:hover{background:#F4F0E8}
.hf-footer-grid{display:grid;grid-template-columns:1.1fr 1.4fr 1fr;gap:40px 6%;padding-top:48px;position:relative;z-index:1}
.hf-site .hf-footer .brand-logo{width:min(300px,100%)}
.hf-footer-grid>div>p{font:500 12px/1.7 Manrope,Arial,sans-serif;color:#b7c2c4;margin-top:18px;max-width:300px}
.hf-site .hf-footer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 26px;align-self:start}
.hf-site .hf-footer nav>p{grid-column:1/-1;font:650 10px/1.4 Manrope,Arial,sans-serif;letter-spacing:.16em;color:#BB9259;margin:0 0 6px}
.hf-site .hf-footer nav a{min-height:40px;color:#e6e4dc;text-decoration:none;font-size:13px;transition:color .3s}
.hf-site .hf-footer nav a:hover{color:#FFE1AE}
.hf-site .hf-footer .hf-footer-social{grid-template-columns:1fr 1fr}
.hf-site .hf-footer .license-fine-print{color:#9aa7aa;margin-top:30px;position:relative;z-index:1}
.hf-footer-base{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:44px;font:500 11px/1.5 Manrope,Arial,sans-serif;letter-spacing:.06em;color:#8f9da0;position:relative;z-index:1}
.hf-footer-base a{color:#cfd6d6;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.hf-footer-base a:hover{color:#FFE1AE}

/* Contact dock: lighter glass. */
.hf-site .hf-contact-dock{background:#f4f0e8eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}

@media(max-width:1100px){
 :root{--hf-header-h:76px}
 .hf-site header.hf-header.masthead.is-pinned{height:64px}
 .hf-site .hf-header.is-pinned #main-nav{inset:64px 0 calc(68px + env(safe-area-inset-bottom))}
 .hf-model-inner{grid-template-columns:1fr;gap:20px;padding-block:90px 70px}
 .hf-model-figure{order:-1}
 .hf-model-stage{height:clamp(380px,70vw,560px)}
 .hf-teaser-inner{grid-template-columns:1fr;gap:40px;padding-block:80px}
 .hf-footer-grid{grid-template-columns:1fr 1fr}
 .hf-footer-grid>div:first-child{grid-column:1/-1}
}
@media(max-width:760px){
 .hf-site .hf-home-hero>div{padding:130px 0 190px}
 .hf-site .hf-home-hero h1{font-size:clamp(54px,15vw,72px)}
 .hf-hero-chips{left:6%;right:6%;bottom:26px;gap:8px}
 .hf-hero-chips a{padding:9px 14px;font-size:11px;min-height:40px}
 .hf-ribbon{padding:14px 0}
 .hf-model h2{font-size:clamp(42px,11vw,56px)}
 .hf-model-list{grid-template-columns:1fr;gap:18px}
 .hf-model-stage{height:clamp(340px,92vw,460px)}
 .hf-model-figure figcaption span:last-child{display:none}
 .hf-teaser-cards{grid-template-columns:1fr}
 .hf-teaser-card{min-height:0}
 .hf-site .hf-footer{padding:70px 6% 30px}
 .hf-footer-statement{grid-template-columns:1fr;padding-bottom:40px}
 .hf-site .hf-footer .hf-footer-line{font-size:clamp(50px,14vw,72px)}
 .hf-footer-grid{grid-template-columns:1fr;gap:34px}
}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 .hf-site .hf-home-hero>img,.hf-line>span,.hf-hero-rule,.hf-hero-chips,.hf-site .hf-home-hero .eyebrow,.hf-site .hf-home-hero>div>p:not(.eyebrow),.hf-site .hf-home-hero .button,
 .hf-site :is(.hf-discovery-intro,.hf-about-hero,.hf-projects-intro,.hf-contact-page,.hf-reading-hero>div) h1,.hf-chip-dot,.hf-model-dot:after,.hf-ribbon-track,.hf-site .hf-header.is-pinned{animation:none}
 .hf-ribbon{overflow-x:auto}
 .hf-site :is(.button,.hf-contact-button,.hf-header-contact,.hf-sheen,.hf-family-photo img,.hf-project-photo img){transition:none;transform:none}
}