@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f7f5ed;--ink:#191919;--red:#eb3426;--blue:#234bc4;--yellow:#f8d83a;--line:3px solid var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px dashed currentColor;outline-offset:5px}p,h1,h2,h3{margin:0}h1,h2,h3,.brand,.button,.eyebrow,.tag,dt,.card-top,.card-bottom{font-family:'Space Grotesk',Arial,sans-serif}h1,h2,h3{font-weight:700;line-height:1.05;letter-spacing:-.055em}h1{font-size:clamp(58px,7.6vw,112px)}h2{font-size:clamp(32px,3.4vw,48px)}h3{font-size:28px}em{font-family:Georgia,serif;font-weight:400}p{max-width:65ch}.site{max-width:1600px;margin:auto;border-left:var(--line);border-right:var(--line)}.skip{position:absolute;top:-100px;left:10px;background:var(--yellow);padding:12px;z-index:5}.skip:focus{top:10px}header{min-height:102px;padding:22px 4.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:var(--line);gap:25px}.brand{display:flex;align-items:center;font-size:26px;font-weight:700;letter-spacing:-1.5px;white-space:nowrap;gap:12px}.brand-dot{color:var(--red);margin-left:-12px}.brand-mark{display:block;width:32px;height:32px;flex-shrink:0}nav{display:flex;gap:28px;align-items:center;font-size:15px;font-weight:600}nav a{position:relative;padding:6px 0}nav a:after{content:'';position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--red);transition:width .2s}nav a:hover:after,nav a[aria-current]:after{width:100%}.menu-button{display:none}.eyebrow{font-size:13px;letter-spacing:.12em;font-weight:700;margin-bottom:24px}.tiny-square{display:inline-block;width:9px;height:9px;background:var(--red);margin-right:8px}.home-hero{display:grid;grid-template-columns:1.25fr 1fr;min-height:645px;border-bottom:var(--line)}.hero-copy{position:relative;padding:58px 7% 54px}.hero-copy h1{font-size:clamp(74px,8.9vw,134px);line-height:.91;letter-spacing:-.075em;margin:35px 0 30px}.hero-copy h1 span{color:var(--blue)}.hero-description{font-size:20px;line-height:1.5;margin-bottom:16px;letter-spacing:-.025em}.hero-small{font-size:14px;line-height:1.7;margin-bottom:30px;color:#555}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;padding:15px 22px;min-height:54px;font-size:15px;font-weight:700;letter-spacing:-.02em;border:2px solid var(--ink);transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(-3px,-3px);box-shadow:4px 4px 0 var(--ink)}.black{background:var(--ink);color:var(--paper)}.hand-note{display:block;font-family:Georgia,serif;font-style:italic;font-size:19px;margin:27px 0 0 200px;transform:rotate(-6deg);color:var(--blue)}.hero-composition{border-left:var(--line);display:grid;grid-template-columns:1.15fr .72fr .35fr;grid-template-rows:1.35fr 1fr .22fr;gap:9px;background:var(--ink);padding:0}.composition-red{background:var(--red);grid-column:1/3;display:flex;align-items:center;justify-content:center;padding:25px}.composition-red>span{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(44px,5.3vw,80px);font-weight:700;line-height:.95;letter-spacing:-.055em;transform:rotate(-5deg)}.asterisk{display:block;font-size:105px;line-height:1.2;text-align:right;margin-right:-10px}.composition-white{background:var(--paper);grid-column:3;grid-row:1;display:flex;align-items:end;justify-content:center;padding:20px 5px}.composition-white>span{writing-mode:vertical-rl;font-size:20px;line-height:1.1}.composition-white small{font-size:13px;line-height:1.6;display:inline-block;margin-top:15px}.composition-yellow{background:var(--yellow);grid-column:1;grid-row:2;display:flex;justify-content:space-between;flex-direction:column;padding:24px;font-family:'Space Grotesk',Arial,sans-serif;font-size:38px;line-height:.95;font-weight:700;letter-spacing:-.06em;transition:background .2s}.composition-yellow:hover{background:var(--paper)}.composition-yellow .arrow{align-self:end;font-size:48px}.composition-blue{grid-column:2/4;grid-row:2/4;background:var(--blue);color:var(--paper);display:flex;align-items:end;padding:25px;font-family:Georgia,serif;font-size:35px;font-style:italic;line-height:1.2}.composition-strip{background:var(--paper);grid-column:1;grid-row:3}.composition-small{display:none}.ticker{display:flex;justify-content:space-around;align-items:center;gap:15px;padding:18px 26px;border-bottom:var(--line);font-family:'Space Grotesk',Arial,sans-serif;font-size:13px;letter-spacing:.1em;font-weight:700}.ticker b{font-size:23px;font-weight:400}.section{padding:65px 4.2%}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:12px}.text-link{font-size:15px;font-weight:700;border-bottom:2px solid;padding-bottom:4px;white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);border:var(--line)}.project-card{padding:25px 27px 24px;min-height:362px;border-right:var(--line);position:relative;display:flex;flex-direction:column;transition:background .2s}.project-card:last-child{border:0}.red{background:var(--red)}.blue{background:var(--blue);color:var(--paper)}.yellow{background:var(--yellow)}.paper{background:var(--paper)}.card-top{font-size:12px;letter-spacing:.06em;display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;font-weight:600}.arrow{font-size:29px;line-height:1}.project-card h3{font-size:clamp(30px,3.2vw,48px);margin-bottom:20px;letter-spacing:-.06em}.project-card p{font-size:15px;margin-bottom:25px}.card-bottom{font-size:12px;letter-spacing:.055em;font-weight:500;margin-top:auto}.project-card .arrow{transition:transform .2s}.project-card:hover .arrow{transform:translate(4px,-4px)}.project-card:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.home-bottom{display:grid;grid-template-columns:1.2fr 1fr 1fr;border-top:var(--line)}.home-bottom>div,.home-bottom>a{padding:40px 34px;border-right:var(--line)}.home-bottom>:last-child{border:0}.now h2{font-size:37px;margin-bottom:24px}dl{margin:0 0 26px}dl div{margin:15px 0}dt{font-size:12px;letter-spacing:.08em;margin-bottom:2px;font-weight:700}dd{font-size:15px;margin:0}.love-promo{position:relative}.love-promo .eyebrow{margin-bottom:8px}.big-symbol{position:absolute;right:30px;top:58px;font-size:84px;line-height:1;transform:rotate(12deg)}.love-promo h2{margin:62px 0 20px;font-size:47px}.love-promo p:not(.eyebrow),.random-promo p:not(.eyebrow){font-size:16px}.circle-arrow{position:absolute;right:28px;bottom:26px;border:2px solid;border-radius:50%;padding:5px 12px;font-size:28px;transition:transform .2s}.love-promo:hover .circle-arrow{transform:rotate(45deg)}.random-promo h2{margin:60px 0 22px;font-size:38px}.random-promo .button{margin-top:40px;color:var(--ink)}footer{display:flex;gap:24px;align-items:center;padding:28px 4.2%;border-top:var(--line);position:relative;min-height:100px}footer p{font-size:13px;color:#555;flex:1}.footer-name{font-size:13px;font-weight:700}.footer-name span{display:block;font-weight:400;font-size:12px;margin-top:3px}.back-top{font-size:13px;font-weight:600}.footer-colors{display:flex;position:absolute;bottom:0;left:0;width:100%;height:7px}.footer-colors i:nth-child(1){background:var(--red);width:55%}.footer-colors i:nth-child(2){background:var(--yellow);width:25%;border-left:var(--line);border-right:var(--line)}.footer-colors i:nth-child(3){background:var(--blue);width:20%}.page-intro{padding:60px 7% 66px;border-bottom:var(--line)}.page-intro h1{margin:25px 0 30px}.intro-text{font-size:20px;line-height:1.55;max-width:650px}.projects-section{padding-bottom:30px}.small-projects{display:grid;grid-template-columns:1fr 1fr;border-top:var(--line)}.small-projects article{display:flex;gap:23px;border-bottom:var(--line);padding:32px 25px 32px 0}.small-projects article:nth-child(even){padding-left:30px;border-left:var(--line)}.project-number{font-size:17px;color:var(--blue);font-family:Georgia,serif;font-style:italic}.small-projects h3{margin-bottom:13px;font-size:29px}.small-projects p{font-size:16px;margin-bottom:18px}.tag{font-size:12px;letter-spacing:.06em;font-weight:600;display:block}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;border-bottom:var(--line)}.about-story,.swim-block{padding:55px 10%}.about-story{border-right:var(--line)}.about-story h2,.swim-block h2{margin-bottom:26px}.about-story p:not(.eyebrow),.swim-block p:not(.eyebrow){margin-bottom:20px;font-size:18px}.giant-year{font-size:clamp(72px,10vw,150px);font-family:'Space Grotesk',Arial,sans-serif;letter-spacing:-.08em;line-height:1.2;display:block;margin:15px 0 25px;color:var(--yellow)}.skills-section{display:grid;grid-template-columns:1fr 1.3fr;gap:30px}.skills{display:flex;gap:10px;align-content:start;flex-wrap:wrap}.skills span{padding:10px 15px;border:2px solid;font-size:15px}.learning-note{grid-column:1/3;padding:35px;border:var(--line);display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:start}.learning-note h3{font-size:32px}.love-intro em{color:var(--red)}.love-grid{display:grid;grid-template-columns:repeat(3,1fr)}.love-card{padding:38px;min-height:400px;border-bottom:var(--line);border-right:var(--line);display:flex;flex-direction:column}.love-card:nth-child(3n){border-right:0}.love-number{font-family:Georgia,serif;font-size:22px;font-style:italic;margin-bottom:40px}.love-card h2{font-size:38px;margin-bottom:24px}.love-card p{font-size:17px;margin-bottom:28px}.love-card .tag{margin-top:auto}.quiet-note{padding:30px;text-align:center;font-family:Georgia,serif;font-style:italic;font-size:22px}.random-grid{display:grid;grid-template-columns:1fr 1fr}.shuffle-box,.palette-box{padding:45px 10%}.shuffle-box{border-right:var(--line);display:flex;flex-direction:column;align-items:start}.random-fact{font-family:'Space Grotesk',Arial,sans-serif;font-weight:600;line-height:1.15;font-size:clamp(30px,3.7vw,52px);letter-spacing:-.05em;margin:35px 0 45px;min-height:240px}.fact-count{display:block;margin-top:20px;font-size:13px}.palette-box h2{margin-bottom:20px}.palette-box p:not(.eyebrow){font-size:16px}.color-play{display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:90px 60px 70px;border:4px solid var(--ink);gap:5px;background:var(--ink);margin:25px 0 15px}.tile{border:0;transition:background .18s}.tile:nth-child(1){grid-row:1/3}.tile:nth-child(4){grid-column:1;grid-row:3}.tile:hover{filter:brightness(.93)}.text-button{border:0;border-bottom:2px solid;background:transparent;padding:5px 0;font-size:15px;font-weight:600}.random-note{display:flex;padding:50px 7%;gap:60px;align-items:center;border-top:var(--line)}.random-note>span{font-size:110px;line-height:1}.random-note p{margin-top:16px}.contact-grid{display:grid;grid-template-columns:1.7fr 1fr;min-height:360px}.contact-main{padding:60px 8%;border-right:var(--line)}.email{display:block;font-size:clamp(24px,3.7vw,50px);line-height:1.2;letter-spacing:-.04em;font-weight:700;margin:30px 0}.email span{display:inline-block}.contact-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.contact-side{padding:35px 15%;display:flex;flex-direction:column;justify-content:space-between}.contact-star{font-size:95px;line-height:1;color:var(--yellow)}.contact-side p{font-family:Georgia,serif;font-style:italic;font-size:32px;line-height:1.3}#copy-status{font-size:14px;margin-top:15px;min-height:24px}.project-breadcrumb{padding:20px 7%;display:flex;justify-content:space-between;gap:25px;border-bottom:var(--line);font-size:14px}.project-breadcrumb a{font-weight:700}.detail-content{display:grid;grid-template-columns:1fr 2fr;padding:65px 7%;gap:8%}.detail-content aside p:not(.eyebrow){margin-bottom:35px}.detail-content aside .eyebrow{margin-bottom:10px}.detail-content article{margin-bottom:35px}.detail-content h2{font-size:34px;margin-bottom:17px}.detail-content article p{font-size:18px}.next-project{padding:40px 7%;border-top:var(--line);display:grid;grid-template-columns:1fr auto;gap:15px;background:var(--yellow)}.next-project>span:first-child{grid-column:1/3;font-size:12px;letter-spacing:.1em;font-weight:700}.next-project h2{font-size:38px}.next-project .arrow{font-size:45px}.next-project:hover{background:var(--red)}
@media(min-width:1600px){.hero-copy h1{font-size:134px}}@media(max-width:1100px){nav{gap:18px;font-size:14px}header{padding:20px 3%}.hero-copy{padding:48px 7%}.hand-note{margin-left:80px}.home-hero{min-height:620px}.home-bottom>div,.home-bottom>a{padding:30px 25px}.random-promo h2{font-size:33px}.random-promo .button{gap:15px;padding:13px 14px}.love-card{padding:30px}.love-card h2{font-size:32px}.love-grid{grid-template-columns:repeat(2,1fr)}.love-card:nth-child(3n){border-right:var(--line)}.love-card:nth-child(2n){border-right:0}}
@media(max-width:800px){header{min-height:85px;flex-wrap:wrap;padding:22px 6%}.menu-button{display:flex;gap:22px;align-items:center;background:none;border:2px solid;padding:5px 12px;font-size:14px;font-weight:600}.menu-button span{font-size:20px}nav{display:none;flex-wrap:wrap;gap:12px 22px;width:100%;padding:15px 0 5px}nav.open{display:flex}.home-hero{grid-template-columns:1.1fr 1fr;min-height:540px}.hero-copy{padding:35px 8%}.hero-copy h1{font-size:78px}.hero-description{font-size:17px}.hero-small{font-size:13px}.desktop-break{display:none}.hand-note{margin-left:20px;font-size:16px}.hero-composition{grid-template-columns:1fr .8fr .25fr;gap:6px}.composition-red>span{font-size:45px}.asterisk{font-size:80px}.composition-blue{font-size:28px;padding:20px}.composition-yellow{font-size:30px;padding:20px}.composition-white small{font-size:12px}.hero-copy .eyebrow{font-size:12px}.ticker{font-size:12px;padding:13px;gap:8px}.ticker b{font-size:19px}.section{padding:45px 5%}.section-heading h2{font-size:33px}.project-card{padding:22px 18px;min-height:320px}.project-card h3{font-size:32px}.card-top{font-size:12px}.card-bottom{font-size:12px}.home-bottom{grid-template-columns:1fr 1fr}.home-bottom .now{grid-column:1/3;border-right:0;border-bottom:var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.now .eyebrow{grid-column:1/3}.now dl{grid-column:2;grid-row:2/4}.now .text-link{justify-self:start;align-self:start}.random-promo h2{margin-top:55px}.page-intro{padding:45px 7%}.page-intro h1{font-size:74px}.intro-text{font-size:18px}.about-story,.swim-block{padding:40px 10%}.skills-section{grid-template-columns:1fr}.learning-note{grid-column:auto;grid-template-columns:1fr}.random-fact{min-height:210px;font-size:35px}.shuffle-box,.palette-box{padding:35px 8%}.random-note{gap:30px}.contact-grid{grid-template-columns:1fr}.contact-main{border-right:0;border-bottom:var(--line)}.contact-side{flex-direction:row;align-items:center;padding:35px 8%}.email{font-size:40px}}
@media(max-width:560px){.site{border-left:0;border-right:0}header{padding:18px 6%;min-height:80px}.brand{font-size:23px}.home-hero{grid-template-columns:1fr}.hero-copy{padding:40px 7% 34px}.hero-copy .eyebrow{font-size:12px}.hero-copy h1{font-size:100px;margin-top:30px}.hero-description{font-size:20px}.hero-small{font-size:14px}.hand-note{margin:28px 0 0 100px}.hero-composition{border-left:0;border-top:var(--line);height:380px;grid-template-columns:1.1fr .85fr .28fr;grid-template-rows:1.2fr .85fr .18fr}.composition-red>span{font-size:50px;display:flex;gap:25px;align-items:center}.asterisk{font-size:95px}.composition-yellow{flex-direction:row;align-items:end;font-size:30px}.composition-blue{font-size:26px}.composition-white small{font-size:12px}.ticker{flex-wrap:wrap;justify-content:center;font-size:12px;gap:4px 12px}.ticker b:last-child{display:none}.ticker span:last-of-type{display:none}.section{padding:40px 6%}.section-heading{display:block}.section-heading h2{font-size:36px}.section-heading .text-link{display:inline-block;margin-top:22px}.project-grid{grid-template-columns:1fr}.project-card{min-height:325px;border-right:0;border-bottom:var(--line);padding:25px}.project-card h3{font-size:46px}.card-top{font-size:12px}.card-bottom{font-size:12px}.project-card p{font-size:16px}.home-bottom{grid-template-columns:1fr}.home-bottom .now{grid-column:auto;display:block}.now h2{font-size:39px}.home-bottom>div,.home-bottom>a{border-right:0;border-bottom:var(--line);padding:35px 7%}.now .text-link{display:inline-block}.home-bottom .love-promo{min-height:360px}.love-promo h2{margin-top:45px}.random-promo h2{margin-top:35px;font-size:42px}.random-promo .button{margin-top:28px}footer{padding:30px 6%;flex-wrap:wrap;gap:14px;align-items:start}footer p{flex:auto;font-size:12px}.back-top{margin-left:auto;font-size:12px}.page-intro{padding:40px 7%}.page-intro h1{font-size:62px}.eyebrow{font-size:12px}.small-projects,.about-grid,.love-grid,.random-grid{grid-template-columns:1fr}.small-projects article:nth-child(even){padding-left:0;border-left:0}.about-story{border-right:0;border-bottom:var(--line)}.swim-block{padding:40px 8%}.giant-year{font-size:120px}.skills-section{gap:25px}.skills span{font-size:14px}.learning-note{padding:25px}.love-card{border-right:0!important;min-height:340px;padding:35px 8%}.love-card h2{font-size:40px}.love-number{margin-bottom:25px}.shuffle-box{border-right:0;border-bottom:var(--line)}.random-fact{min-height:180px;font-size:40px;margin:20px 0 30px}.palette-box{padding:40px 8%}.color-play{grid-template-rows:110px 65px 80px}.random-note{align-items:start;gap:20px}.random-note>span{font-size:60px}.random-note h2{font-size:28px}.random-note p{font-size:16px}.contact-main{padding:38px 7%}.email{font-size:30px}.contact-actions{gap:18px}.contact-side p{font-size:26px}.contact-star{font-size:80px}.project-breadcrumb{font-size:13px;padding:18px 7%;flex-direction:column;gap:8px}.project-breadcrumb span{font-size:12px}.detail-content{grid-template-columns:1fr;padding:40px 7%;gap:10px}.detail-content aside{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.detail-content aside .eyebrow:nth-child(3){grid-column:2;grid-row:1}.detail-content aside p:last-child{grid-column:2;grid-row:2}.detail-content article p{font-size:17px}.next-project h2{font-size:30px}.next-project{padding:30px 7%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Updated homepage introduction and swimming heading. */
.hero-roles{margin-bottom:30px}.swim-block .swim-heading{font-size:clamp(38px,4.7vw,68px);color:var(--yellow);margin:20px 0 32px;line-height:1.08}

/* Solar runtime estimates. */
.runtime-table-wrap{overflow-x:auto;margin:24px 0}
.runtime-table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.4}
.runtime-table caption{text-align:left;font-weight:700;margin-bottom:12px}
.runtime-table th,.runtime-table td{border:2px solid var(--ink);padding:14px;text-align:left}
.runtime-table thead{background:var(--yellow)}
.runtime-section p+p{margin-top:18px}
.detail-content .runtime-note{font-size:15px}
.runtime-section h3{font-size:26px;margin:28px 0 15px}
@media(max-width:560px){.runtime-table{font-size:14px}.runtime-table th,.runtime-table td{padding:10px}}

/* Small, readable contact-page credit. */
.site-credit{padding:20px 7%;border-top:var(--line)}.site-credit p{max-width:none;font-size:14px;line-height:1.6;color:#555}

/* Device-independent monochrome symbols; never emoji glyphs. */
.icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0;overflow:visible}
.button .icon{width:1.15em;height:1.15em}
.asterisk .icon{display:block;margin-left:auto}
@media(max-width:560px){.composition-red>span{font-size:clamp(34px,11vw,50px);gap:16px}.asterisk{font-size:clamp(60px,20vw,80px)}}