body{container-type:inline-size}.day-hero{grid-template-columns:49% 51%;min-height:650px;overflow:hidden}.day-hero-copy{max-width:none;padding:60px 0 64px 3.6vw}.day-hero h1{font-size:clamp(48px,4.15vw,72px);line-height:1.04;letter-spacing:-.03em;text-wrap:initial;max-width:none}.day-hero-copy>p:first-of-type{font-size:clamp(18px,1.4vw,23px);max-width:530px}.day-section{min-height:650px;height:100%;align-self:stretch}.day-section img{width:100%!important;height:100%;object-fit:cover;object-position:53% center}.day-section figcaption{display:none}.day-primary{width:91%;border-radius:12px;min-height:64px;box-shadow:none}.day-primary svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}.day-paths{grid-template-columns:repeat(4,minmax(0,1fr));padding-block:30px}.day-paths a{min-height:92px;grid-template-columns:44px 1fr;padding:0 20px}.day-paths strong{font-size:21px}.day-paths span{line-height:1.45}.day-leaders{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#faf9f4;stroke-width:1.4;pointer-events:none}.day-annotation{background:transparent;border:0;font-size:11px;padding:0;max-width:110px}.day-daylight{left:3%;top:11%;color:#26313a}.day-visible{left:2%;bottom:27%;color:#fff}.day-hidden{right:2%;bottom:22%;color:#fff}
@container(max-width:1000px){.day-hero{grid-template-columns:1fr;min-height:0}.day-hero-copy{padding:38px 24px 24px}.day-hero h1{font-size:clamp(38px,7cqw,60px)}.day-section{min-height:0;height:auto;display:block}.day-section img{height:auto;object-fit:contain}.day-primary{width:auto;max-width:100%}.day-paths{grid-template-columns:repeat(2,minmax(0,1fr));padding:24px;gap:24px}.day-paths a{padding:0;border:0}.day-paths strong{font-size:19px}.day-annotation{font-size:10px}.day-daylight{top:14%}}
@container(max-width:400px){.day-paths{grid-template-columns:1fr}.day-paths a{min-height:74px}}
.card-crop{position:relative!important;overflow:hidden;container-type:inline-size;background:#faf9f4;aspect-ratio:var(--crop-w)/var(--crop-h);height:auto!important;min-height:0!important}.card-crop>img{position:absolute!important;max-width:none!important;width:calc(var(--source-w)/var(--crop-w)*100%)!important;height:auto!important;left:calc(-1*var(--crop-x)/var(--crop-w)*100%);top:calc(-1*var(--crop-y)/var(--crop-w)*100cqw);object-fit:initial!important;mix-blend-mode:normal!important;margin:0!important}

@container(min-width:1001px){.day-header{position:relative;z-index:3;background:transparent}.day-hero{grid-template-columns:41.567% 58.433%;height:589px;min-height:0;overflow:visible;align-items:start}.day-hero-copy{padding-top:22px;padding-bottom:0;width:820px;max-width:none;align-self:start}.day-hero h1{font-size:60px;line-height:1.1;letter-spacing:-.04em;width:780px;white-space:nowrap}.day-kicker{font:13px/1.5 Arial,sans-serif!important;letter-spacing:.14em;margin:0 0 17px!important}.day-hero-copy>p:not(.day-kicker):not(.day-action-note){font-size:23px;line-height:1.35;max-width:590px;margin-bottom:36px}.day-primary{width:609px;min-height:76px;padding:18px 30px;font-size:23px}.day-action-note{max-width:590px;font-size:16px;line-height:1.5}.card-crop.day-section{width:100%;min-width:0;align-self:start;top:-51px;z-index:1}.day-section:after{content:"";position:absolute;left:0;top:225px;width:65px;height:85px;background:#f7f7f3}.day-paths{padding-block:30px;min-height:166px}.day-paths strong{font-size:22px}.day-path-icon{width:54px;height:54px}.day-paths a{grid-template-columns:60px 1fr;gap:8px 18px;min-height:100px}}
@container(max-width:1000px){.day-kicker{font-size:11px;letter-spacing:.12em}.card-crop.day-section{width:100%;min-width:0;align-self:start}.day-section:after{content:"";position:absolute;left:0;top:calc(225/977*100cqw);width:calc(65/977*100cqw);height:calc(85/977*100cqw);background:#f7f7f3}}

@font-face{font-family:FoundationBaskerville;src:url('/fonts/libre-baskerville-bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:FoundationBaskerville;src:url('/fonts/libre-baskerville-regular.ttf') format('truetype');font-weight:400;font-display:swap}
.day-reference-band{display:flex;align-items:center;gap:40px;background:#26313a;color:#faf9f4;padding:24px 4.1%;min-height:81px}.day-reference-band strong{font:400 23px FoundationBaskerville,serif}.day-reference-band span{font-size:13px}.day-reference-band small{margin-left:auto;font-size:11px;letter-spacing:.18em}
@container(min-width:1001px){.day-header{height:105px;min-height:105px;padding:20px 3.5885cqw;align-items:start}.day-brand{gap:5px;line-height:1}.day-brand svg{width:80px;height:74px}.day-brand strong{font:700 28px/1.1 FoundationBaskerville,serif;letter-spacing:-.015em}.day-brand small{font-size:14px;letter-spacing:0;margin-top:5px;line-height:1.3}.day-header nav{position:absolute;left:35.167cqw;top:22px;gap:38px;margin:0;flex-wrap:nowrap}.day-header nav a{font-size:15px;font-weight:500}.day-call{position:absolute;right:3.8cqw;top:35px}.day-hero{height:590px;min-height:590px}.day-hero-copy{padding-top:77px;width:820px}.day-hero h1{font:700 58px/1.17 FoundationBaskerville,serif;letter-spacing:-.03em;margin-bottom:25px;width:790px}.day-hero-copy>p:not(.day-kicker):not(.day-action-note){line-height:1.35;margin-top:0;margin-bottom:37px}.day-kicker{margin-bottom:17px!important}.card-crop.day-section{top:-50px}.day-primary{font:700 20px/1.3 FoundationBaskerville,serif;gap:24px}.day-primary svg{width:44px;height:44px}.day-primary span:last-child{font-size:0}.day-primary span:last-child:after{content:"";display:block;width:12px;height:12px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.day-action-note{font-size:17px!important;line-height:1.5;max-width:620px!important}.day-paths{height:165px;min-height:165px;background:#f8f8f4;border:0;padding:32px 3.5885cqw;grid-template-columns:25.8% 27% 28.4% 18.8%}.day-paths a{padding:0 25px 0 20px;grid-template-columns:66px 1fr;gap:4px 18px;height:90px;min-height:0;align-content:start}.day-paths a:first-child{padding-left:0}.day-paths strong{font:700 19px/1.3 FoundationBaskerville,serif}.day-paths span{font-size:16px;line-height:1.3;color:#34424a}.day-path-icon{width:56px;height:56px}}
@container(max-width:1000px){.day-kicker{font-size:11px!important;line-height:1.5!important;letter-spacing:.12em}.day-reference-band{flex-wrap:wrap;padding:28px 24px;gap:16px}.day-reference-band small{margin-left:0}.day-intro,.day-local{grid-template-columns:1fr;gap:32px}.day-photo-note{border-left:0;border-top:1px solid var(--day-line);padding:24px 0 0}.day-sign-grid{grid-template-columns:1fr;gap:24px}.day-paths span{font-size:15px;line-height:1.5}.day-paths a{min-height:100px}}

.day-hero,.day-header{background:#f7f7f3}.day-header{background:transparent}.day-action-note{color:#26313a}.day-paths a{color:#26313a}.day-primary{border-radius:16px}.day-primary svg{flex:none}.day-footer span,.day-footer small{color:#fff}.portfolio-inner .cta-band p{color:#fff!important}.portfolio-inner .w-areas{padding-top:16px}.portfolio-inner .cta-band,.portfolio-inner .section{padding-block:48px}.portfolio-inner details{padding:16px}.portfolio-inner .w-areas li{padding-inline:12px}.portfolio-inner .on-this-page,.portfolio-inner time,.portfolio-inner .site-foot h2{font-size:12px!important;line-height:1.5}.portfolio-inner aside,.portfolio-inner blockquote{border-left-width:1px!important}.portfolio-inner [class*=card],.portfolio-inner details{border-top-width:1px!important}.portfolio-inner p,.portfolio-inner li{line-height:1.5}.day-reference-band{font-family:DaylightSans,sans-serif}
@container(min-width:1001px){.day-primary{height:76px;min-height:76px;padding-block:16px}.day-paths a{grid-template-columns:78px 1fr;gap:4px 18px}.day-hero-copy{padding-top:77px}.day-brand small{font-size:13px}.day-paths{grid-template-columns:25.8% 27% 28.4% 18.8%}}

@container(min-width:1001px){.day-hero h1{font-size:55px;line-height:1.19}.day-hero-copy>p:not(.day-kicker):not(.day-action-note){font-size:22px;line-height:1.4;margin-bottom:30px}.day-paths{grid-template-columns:25.773% 27.062% 28.673% 18.492%}.day-paths a{padding:0;grid-template-columns:78px 1fr;gap:4px 22px}.day-paths span{max-width:245px}.day-primary{font-size:22px}}

body.daylight-home{background:#f7f7f3}.day-hero h1,.day-brand strong,.day-content h2,.day-close h2,.day-content h3{font-family:FoundationBaskerville,serif}.portfolio-inner .top .brand-sub{font-size:12px!important}.portfolio-inner .top nav a,.portfolio-inner .toc-title,.portfolio-inner .toc-label,.portfolio-inner .meta,.portfolio-inner time{font-size:12px!important;line-height:1.5}.portfolio-inner .cta-band p,.portfolio-inner .site-foot p{color:#fff!important}.build-guide aside{border-left:1px solid #315d54}.build-guide h2{line-height:1.3}.build-guide .eyebrow{font-size:13px;line-height:1.5}

.day-content p,.day-close p,.build-guide-promo p{max-width:58ch}

@container(min-width:1001px){.day-brand strong{font-size:24.5px;line-height:1.15}.day-primary{font-size:20px;font-weight:400}.day-path-icon{width:60px;height:60px;stroke-width:1.3}.day-paths a:first-child .day-path-icon{margin-left:6px}.day-paths a:last-child .day-path-icon{transform:translateX(-5px)}.day-reference-band strong{font-size:21px}.day-reference-band small{display:flex;align-items:center;gap:30px;font-size:10px;letter-spacing:.17em}.day-band-rule{width:30px;height:1px;background:currentColor;display:block;flex:none}}

@container(min-width:1001px){.day-reference-band small span{font-size:10px}}

/* V3: specific actual-Claude findings, without changing the selected artwork. */
body{container-name:foundation-site}
.day-diagram-key{position:absolute;left:0;top:0;width:min(640px,100%);height:auto;padding:0;margin:0;overflow:hidden;clip-path:inset(50%)}
.day-reference-band small{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px}
.day-reference-band small span{white-space:nowrap}
.day-slogan{margin:0;font:500 11px/1.5 DaylightSans,Arial,sans-serif;letter-spacing:.19em;text-transform:uppercase;color:#26313a}
.day-slogan span{display:block;width:30px;height:1px;background:currentColor;margin-top:13px}
.day-action-note .day-call{position:static;display:inline-block;margin:0;color:inherit;text-decoration:underline;font-size:17px;line-height:1.5}
@container foundation-site (min-width:1001px){
 .day-slogan{position:absolute;right:3.8cqw;top:26px;width:177px;background:#f7f7f3;padding-bottom:4px}
 .day-header nav{left:35.167cqw;top:22px;gap:24px}
 .day-header nav a{font-size:14px;font-weight:500}
 .day-paths{position:relative}
 .day-paths a{border:0}
 .day-paths:before{content:"";position:absolute;top:34px;bottom:33px;left:24.521531cqw;width:1px;background:var(--day-line);box-shadow:24.58134cqw 0 var(--day-line),51.973684cqw 0 var(--day-line);pointer-events:none}
 .day-reference-band small{gap:30px}
 .day-reference-band small span{font-size:10px}
}
@container foundation-site (max-width:1000px){
 .day-header nav{overflow:visible;flex-wrap:wrap;gap:8px 20px}
 .day-header nav a{min-height:38px;display:inline-flex;align-items:center;white-space:normal}
 .day-slogan{display:none}
 .day-diagram-key{position:static;width:auto;height:auto;padding:25px 24px 28px;margin:0;overflow:visible;clip-path:none;background:#f7f7f3;color:#26313a}
 .day-diagram-key h2{font:700 23px/1.3 FoundationBaskerville,serif;margin:0 0 18px}
 .day-diagram-key dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0}
 .day-diagram-key dt{font-size:15px;line-height:1.4;font-weight:700}
 .day-diagram-key dd{margin:6px 0 0;font-size:14px;line-height:1.5}
 .day-reference-band small{gap:12px 22px}
 .day-reference-band small span{font-size:12px}
 .portfolio-inner .top nav{flex-wrap:wrap!important;overflow:visible!important}
 .portfolio-inner .top nav a{white-space:normal;min-height:38px;display:inline-flex;align-items:center}
}
@container foundation-site (max-width:500px){.day-diagram-key dl{grid-template-columns:minmax(0,1fr)}}

/* V4: actual Claude V3 minor findings; sealed V3 is preserved. */
@container foundation-site (min-width:1001px){.day-slogan{background:transparent;padding-bottom:0}.day-slogan span{margin-top:8px}}
@container foundation-site (max-width:1000px){.day-hero h1{white-space:normal;text-wrap:balance}.desktop-headline-break{display:none}}

/* V8: let the existing wide artwork determine hero clearance; native/mobile stay unchanged. */
@container foundation-site (min-width:1673px){
 .day-hero{height:calc(58.433cqw * 640 / 977 - 50px);min-height:590px}
 .day-section:after{top:calc(225 / 897.53088 * 100cqw);width:calc(65 / 897.53088 * 100cqw);height:calc(85 / 897.53088 * 100cqw)}
}

/* V9: keep the selected native composition; allow content to govern its clearance. */
@container foundation-site (min-width:1001px){
 .day-hero{height:auto;min-height:590px}
 .card-crop.day-section{margin-bottom:-50px}
 .day-section:after{top:calc(225 / 977 * 100cqw);width:calc(65 / 977 * 100cqw);height:calc(85 / 977 * 100cqw)}
 .day-primary{height:auto;min-height:76px}
 .day-paths{height:auto;min-height:165px}
 .day-paths a{height:auto;min-height:90px}
}
@container foundation-site (min-width:1001px) and (max-width:1660px){
 .day-hero-copy{width:100%;min-width:0;padding-right:clamp(24px,2cqw,36px)}
 .day-hero h1{width:auto;max-width:100%;white-space:normal;text-wrap:balance;font-size:clamp(36px,3.5cqw,55px)}
 .desktop-headline-break{display:none}
 .day-hero-copy>p:not(.day-kicker):not(.day-action-note){max-width:100%;font-size:clamp(18px,1.45cqw,22px)}
 .day-primary{width:100%;max-width:609px;white-space:normal}
 .day-action-note{max-width:100%!important}
}
@container foundation-site (min-width:1001px) and (max-width:1240px){
 .day-header{height:auto;min-height:105px;flex-wrap:wrap;align-items:center;gap:16px}
 .day-header nav{position:static;order:3;flex-basis:100%;width:100%;margin:0;flex-wrap:wrap;justify-content:flex-start;gap:12px 24px}
 .day-slogan{position:static;margin-left:auto;pointer-events:none}
 .card-crop.day-section{top:0;margin-bottom:0}
}
@container foundation-site (max-width:360px){
 .day-brand{min-width:0;max-width:100%;flex:1 1 auto}
 .day-brand>span{min-width:0}
 .day-brand small{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:759px){
 html:has(body.portfolio-inner .actionbar){scroll-padding-block-end:calc(100px + env(safe-area-inset-bottom,0px))}
 body.portfolio-inner:has(.actionbar) :is(a,button,input,select,textarea,summary){scroll-margin-block-end:calc(100px + env(safe-area-inset-bottom,0px))}
}

/* V10: first-pass short-heading and intermediate path-text containment. */
@container foundation-site (max-width:360px){
 .day-hero h1{font-size:clamp(30px,10cqw,36px);max-width:100%;overflow-wrap:anywhere}
}
@container foundation-site (min-width:1001px) and (max-width:1660px){
 .day-paths:before{display:none}
 .day-paths a{min-width:0;grid-template-columns:78px minmax(0,1fr)}
 .day-paths a:not(:last-child){border-inline-end:1px solid var(--day-line);padding-inline-end:20px}
 .day-paths strong,.day-paths span{min-width:0;max-width:100%;overflow-wrap:anywhere}
}

/* V11: wrap the one independently measured short-width repair-heading overflow. */
@container foundation-site (max-width:360px){
 .day-services .day-section-head h2{overflow-wrap:anywhere}
}