/* John Benac — an independent workshop on the web. */
:root{--paper:#f5f3ec;--white:#fbfaf6;--ink:#20231f;--muted:#63685f;--line:#d6d8cc;--orange:#bf4c26;--orange-dark:#943a1b;--moss:#434e3a;--navy:#0b202b;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--mono:'Courier New',monospace;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif);letter-spacing:-.052em;line-height:1.02}h3{line-height:1.2;letter-spacing:-.025em}p{color:var(--muted)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}::selection{background:#e8bd9d;color:var(--ink)}[hidden]{display:none!important}.wrap{width:calc(100% - 112px);max-width:var(--max);margin:0 auto}.eyebrow{font:11px/1.4 var(--mono);font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.eyebrow .dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:9px}.serif{font-family:var(--serif)}.accent{color:var(--orange)}.arrow{font-size:21px;line-height:1;display:inline-block;transition:transform .18s}.text-link{display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid currentColor;padding:2px 0 6px;font-size:14px;font-weight:600}.text-link:hover .arrow{transform:translate(3px,-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:51px;padding:12px 22px;background:var(--orange);color:#fff;border:1px solid var(--orange);border-radius:2px;font-size:14px;font-weight:600;line-height:1.4;transition:background .18s,border-color .18s}.btn:hover{background:var(--orange-dark);border-color:var(--orange-dark)}.btn .arrow{font-size:22px}.btn-outline{color:var(--ink);background:transparent;border-color:var(--ink)}.btn-outline:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn-dark{background:var(--ink);border-color:var(--ink)}.btn-dark:hover{background:#42483f;border-color:#42483f}.btn-light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.btn-light:hover{background:white;border-color:white}.btn-small{padding:9px 16px;min-height:43px;font-size:13px}.skip{position:fixed;left:20px;top:-70px;padding:12px 20px;background:var(--ink);color:white;z-index:99}.skip:focus{top:12px}.site-header{position:relative;z-index:20;border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:98px;gap:30px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:29px;height:29px;display:grid;place-items:center;color:var(--orange)}.brand-mark svg{width:29px;height:29px}.brand-name{font-family:var(--serif);font-size:28px;letter-spacing:-1px;line-height:1}.nav{display:flex;align-items:center;gap:27px}.nav a{font-size:13px;line-height:1.3;position:relative}.nav a:not(.nav-contact):after{position:absolute;bottom:-8px;height:1px;background:var(--orange);left:0;right:100%;content:'';transition:right .18s}.nav a:hover:after,.nav a[aria-current='page']:after{right:0}.nav a[aria-current='page']{color:var(--orange)}.nav .nav-contact{border:1px solid var(--line);padding:11px 15px;display:inline-flex;gap:16px;align-items:center;margin-left:7px}.nav .nav-contact:hover{border-color:var(--ink)}.menu-toggle{display:none;background:none;border:1px solid var(--line);width:45px;height:42px;padding:11px;color:var(--ink)}.menu-toggle span{display:block;background:currentColor;height:1px;width:21px;margin:5px 0}.home-hero{padding:69px 0 60px;display:grid;grid-template-columns:1.08fr 1fr;gap:55px;align-items:center}.home-hero .eyebrow{margin-bottom:29px}.home-hero h1{font-size:clamp(72px,7.3vw,106px);line-height:1.01;max-width:660px;margin-left:-5px}.home-hero h1 em{font-weight:400;color:var(--orange)}.hero-intro{font-size:17px;line-height:1.75;max-width:470px;margin-top:27px}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:31px;flex-wrap:wrap}.hero-visual{position:relative;background:var(--navy);align-self:stretch;min-height:498px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:3px}.hero-visual:after{content:'';position:absolute;inset:15px;border:1px solid #a5b6b122;pointer-events:none}.hero-visual img{width:96%;height:auto;max-height:560px;object-fit:contain;transition:transform 1s ease}.hero-visual:hover img{transform:scale(1.035)}.visual-top{position:absolute;left:29px;right:29px;top:29px;display:flex;justify-content:space-between;color:#becbc9;z-index:2}.visual-top span{font:10px/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase}.visual-caption{position:absolute;bottom:29px;left:29px;right:29px;display:flex;align-items:flex-end;justify-content:space-between;color:white;z-index:2}.visual-caption strong{font-family:var(--serif);font-weight:400;font-size:34px;line-height:1.1;letter-spacing:-1px}.visual-caption small{display:block;font-size:11px;letter-spacing:.02em;color:#cad1ce;margin-top:8px}.circle-arrow{width:39px;height:39px;border:1px solid #ffffff60;border-radius:50%;display:grid;place-items:center;font-size:23px}.hero-bottom{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:20px 0;gap:20px}.hero-bottom .eyebrow{white-space:nowrap}.hero-bottom .build-list{display:flex;gap:35px;font-size:13px}.build-list a{display:flex;align-items:center;gap:12px}.build-list a:hover{color:var(--orange)}.build-list small{font:10px var(--mono);color:var(--muted)}.section{padding:90px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:38px;gap:30px}.section-head .eyebrow{margin-bottom:15px}.section-head h2{font-size:52px}.section-head>p{max-width:360px;font-size:15px}.section-head .text-link{margin-bottom:7px}.two-paths{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.path-card{padding:35px 40px 37px 0;display:grid;grid-template-columns:36px 1fr;gap:18px}.path-card+ .path-card{border-left:1px solid var(--line);padding-left:40px;padding-right:0}.path-card .number{font:11px var(--mono);color:var(--orange);padding-top:7px}.path-card h3{font-family:var(--serif);font-size:35px;letter-spacing:-1px;margin-bottom:16px}.path-card p{font-size:15px;max-width:390px;margin-bottom:25px}.featured{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1.33fr 1fr;border-radius:3px;overflow:hidden}.featured-image{min-height:400px;background:var(--navy);position:relative}.featured-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.featured-copy{padding:54px 42px;display:flex;flex-direction:column;align-items:flex-start}.featured-copy .eyebrow{color:#bdc5b7;margin-bottom:31px}.featured-copy h2{font-size:52px;margin-bottom:23px}.featured-copy p{font-size:15px;line-height:1.8;color:#c0c7bd;margin-bottom:30px}.featured-copy .text-link{margin-top:auto}.project-ribbon{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:23px;font-size:12px}.project-ribbon p{font-size:12px}.project-ribbon a:hover{color:var(--orange)}.journal-section{border-top:1px solid var(--line);padding-top:79px}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.post-card{display:block}.post-image{height:225px;background:#e6e7dc;overflow:hidden;position:relative;border-radius:2px}.post-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.post-card:hover .post-image img{transform:scale(1.025)}.post-meta{display:flex;gap:10px;align-items:center;margin:20px 0 13px;font:10px/1.4 var(--mono);letter-spacing:.055em;text-transform:uppercase;color:var(--muted)}.post-meta span+span:before{content:'·';margin-right:10px}.post-card h3{font:30px/1.12 var(--serif);letter-spacing:-.9px;max-width:350px}.post-card p{font-size:14px;margin-top:14px;line-height:1.7}.post-card .read{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:600;margin-top:21px}.post-card:hover .read{color:var(--orange)}.about-strip{display:grid;grid-template-columns:1fr 1.18fr;gap:100px;border-top:1px solid var(--line);padding:68px 0}.about-strip h2{font-size:51px;margin:15px 0 0}.about-strip p{font-size:17px;line-height:1.85;margin-bottom:24px}.contact-band{background:var(--orange);color:var(--paper);padding:56px 0}.contact-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-band h2{font-size:47px}.contact-band p{color:#ffe5d5;font-size:14px;margin-top:12px}.site-footer{padding:54px 0 24px}.footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px;margin-bottom:50px}.footer-main .brand{margin-bottom:17px}.footer-main p{font-size:13px;max-width:270px;line-height:1.75}.footer-col .eyebrow{margin-bottom:17px}.footer-links{display:grid;gap:9px;font-size:13px}.footer-links a:hover{color:var(--orange)}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:25px;font:10px/1.5 var(--mono);color:var(--muted)}.page-heading{padding:70px 0 53px}.page-heading .eyebrow{margin-bottom:25px}.page-heading h1{font-size:clamp(54px,6.7vw,87px);max-width:950px}.page-heading .lead{max-width:690px;font-size:18px;line-height:1.7;margin-top:27px}.page-heading .heading-actions{margin-top:28px;display:flex;gap:22px;align-items:center;flex-wrap:wrap}.page-heading.split{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end}.page-heading.split .lead{font-size:16px;margin-bottom:6px}.page-intro{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;gap:20px;font-size:13px}.page-intro p{max-width:740px}.commission-row{display:grid;grid-template-columns:52px 1fr .85fr;gap:32px;padding:45px 0;border-bottom:1px solid var(--line);align-items:center}.commission-row .number{font:12px var(--mono);color:var(--orange);align-self:start;padding-top:8px}.commission-row h2{font-size:43px;margin-bottom:19px}.commission-row p{font-size:15px;line-height:1.85;max-width:490px}.commission-row ul{list-style:none;padding:0;margin:20px 0 24px;display:flex;gap:7px;flex-wrap:wrap}.commission-row li{font:10px/1.4 var(--mono);padding:6px 8px;border:1px solid var(--line);color:var(--muted)}.commission-image{height:280px;overflow:hidden;border-radius:2px}.commission-image img{height:100%;width:100%;object-fit:cover}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.step{border-top:1px solid var(--line);padding-top:24px}.step .number{font:11px var(--mono);color:var(--orange)}.step h3{font:29px var(--serif);letter-spacing:-.8px;margin:14px 0 12px}.step p{font-size:14px}.inquiry-section{background:#e8eadd;padding:70px 0}.inquiry-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.inquiry-intro h2{font-size:52px;margin:17px 0 24px}.inquiry-intro p{font-size:15px;line-height:1.8;max-width:345px;margin-bottom:24px}.inquiry-intro .direct-email{display:inline-block;font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px}.field{display:flex;flex-direction:column;gap:7px}.field-wide{grid-column:1/-1}.field label{font-size:12px;font-weight:600}.field label span{font-weight:400;color:var(--muted)}.field input,.field select,.field textarea{width:100%;border:1px solid #b9c0ae;border-radius:2px;background:var(--white);color:var(--ink);min-height:47px;padding:11px 12px;font-size:14px;line-height:1.6}.field textarea{resize:vertical;min-height:130px}.field input::placeholder,.field textarea::placeholder{color:#7b8274}.form-note{font-size:12px;line-height:1.7;margin:18px 0}.form-result{margin-top:24px;padding:24px;background:var(--white);border:1px solid #b9c0ae}.form-result h3{font:26px var(--serif);margin-bottom:12px}.form-result pre{white-space:pre-wrap;word-break:break-word;font:13px/1.7 var(--sans);color:var(--muted);max-height:300px;overflow:auto}.form-result .result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:19px}.copy-status{font-size:12px;min-height:1.5em;margin-top:9px}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:35px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{font-size:12px;line-height:1.4;padding:9px 15px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:2px}.filter:hover{border-color:var(--line);color:var(--ink)}.filter[aria-pressed='true']{background:var(--ink);color:var(--paper);border-color:var(--ink)}.search-wrap{position:relative}.search-wrap:before{position:absolute;content:'⌕';font-size:24px;left:11px;top:0px;color:var(--muted)}.search-input{border:1px solid var(--line);background:transparent;padding:9px 13px 9px 37px;border-radius:2px;font-size:13px;width:230px;line-height:1.4}.results-count{font:11px var(--mono);color:var(--muted);margin-bottom:20px}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 25px}.asset-card{border:1px solid var(--line);border-radius:3px;overflow:hidden;background:var(--white);display:flex;flex-direction:column}.asset-image{height:235px;overflow:hidden;position:relative;background:var(--navy)}.asset-image img{width:100%;height:100%;object-fit:cover}.asset-image.planet img{object-fit:contain}.asset-image .asset-badge{position:absolute;bottom:13px;left:14px;background:var(--paper);color:var(--ink);font:10px var(--mono);padding:6px 9px;text-transform:uppercase;letter-spacing:.05em}.asset-content{padding:24px 23px;display:flex;flex-direction:column;flex:1}.asset-content .eyebrow{font-size:10px;margin-bottom:13px}.asset-content h2{font-size:30px;line-height:1.12;letter-spacing:-.9px;margin-bottom:15px}.asset-content p{font-size:13px;line-height:1.8;margin-bottom:22px}.asset-file{font:10px var(--mono);color:var(--muted);margin-bottom:18px;margin-top:auto}.asset-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.asset-actions .view-file{font-size:11px;border-bottom:1px solid var(--line)}.asset-actions .view-file:hover{border-color:var(--ink)}.asset-notice{margin-top:48px;padding:33px 35px;background:#e8eadd;display:grid;grid-template-columns:1.25fr .75fr;gap:45px;align-items:center}.asset-notice h2{font-size:32px;margin-bottom:13px}.asset-notice p{font-size:13px;line-height:1.8}.asset-notice .right{border-left:1px solid #c8cebd;padding-left:35px}.asset-notice .right p{font-size:12px;margin-bottom:15px}.empty-state{padding:55px 25px;text-align:center;border:1px dashed var(--line);margin:0 0 30px}.empty-state h2{font-size:34px;margin-bottom:12px}.empty-state p{margin-bottom:18px}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 30px;padding-bottom:80px}.project-card{border-bottom:1px solid var(--line);padding-bottom:26px}.project-card .project-image{height:340px;overflow:hidden;background:var(--navy);position:relative;display:block;border-radius:3px}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.project-image.planet img{object-fit:contain}.project-card:hover .project-image img{transform:scale(1.025)}.project-number{position:absolute;left:18px;top:17px;color:#fff9;font:10px var(--mono);z-index:2}.project-description{padding-top:22px}.project-description .eyebrow{font-size:10px;margin-bottom:12px}.project-description h2{font-size:37px;line-height:1.1;margin-bottom:15px}.project-description p{font-size:14px;line-height:1.8;max-width:540px;margin-bottom:23px}.project-links{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.project-links .text-link{font-size:12px;gap:14px}.external-link{font-size:12px;color:var(--muted)}.external-link:hover{color:var(--orange)}.project-detail .page-heading{max-width:1000px}.project-detail-hero{width:100%;max-height:650px;object-fit:cover;border-radius:3px;background:var(--navy)}.project-detail-hero.planet{object-fit:contain;height:600px}.image-caption{display:flex;justify-content:space-between;gap:30px;font:10px/1.7 var(--mono);color:var(--muted);margin-top:13px}.detail-layout{display:grid;grid-template-columns:1fr 2fr;gap:80px;padding:62px 0 80px}.detail-meta{border-top:1px solid var(--line);padding-top:21px}.detail-meta .eyebrow{margin-bottom:10px}.detail-meta p{font-size:13px;line-height:1.8;margin-bottom:25px}.detail-body h2{font-size:39px;margin-bottom:25px}.detail-body p{font-size:17px;line-height:1.9;margin-bottom:22px}.detail-body .detail-image{margin-top:35px;max-height:500px;object-fit:cover;width:100%;border-radius:2px}.detail-body .text-link{margin-top:12px}.detail-more{border-top:1px solid var(--line);padding:36px 0 60px;display:flex;justify-content:space-between;align-items:center;gap:20px}.detail-more p{font-size:15px}.blog-grid{grid-template-columns:repeat(2,1fr);gap:49px 35px;padding-bottom:75px}.blog-grid .post-image{height:340px}.blog-grid .post-card h3{font-size:37px;max-width:none}.blog-grid .post-card p{font-size:15px;max-width:540px}.rss-strip{padding:30px 0;margin-bottom:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center}.rss-strip h2{font-size:33px}.rss-strip p{font-size:13px;margin-top:9px}.article-header{max-width:870px;margin:0 auto;padding:61px 0 43px;text-align:center}.back-link{font:11px var(--mono);color:var(--muted);display:inline-flex;gap:10px;margin-bottom:31px}.back-link:hover{color:var(--orange)}.article-header h1{font-size:clamp(48px,5.8vw,76px);line-height:1.07;margin:24px 0}.article-header .post-meta{justify-content:center;margin:25px 0 0}.article-header .article-deck{font-size:18px;max-width:680px;margin:0 auto;line-height:1.7}.article-hero{width:100%;height:490px;object-fit:cover;background:var(--navy);border-radius:3px}.article-layout{display:grid;grid-template-columns:180px minmax(0,730px);gap:60px;justify-content:center;padding:55px 0 75px}.article-aside{font-size:12px;line-height:1.8;border-top:1px solid var(--line);padding-top:18px;align-self:start;position:sticky;top:35px}.article-aside strong{font-weight:600;display:block;font-size:13px;margin-bottom:5px}.article-aside p{font-size:12px;margin-bottom:20px}.article-aside .text-link{font-size:11px;gap:10px}.article-body{font-family:var(--serif);font-size:20px;line-height:1.8}.article-body p{color:#3b4239;margin-bottom:25px}.article-body p:first-child:first-letter{float:left;font-size:66px;line-height:.84;margin:11px 11px 0 0;color:var(--orange)}.article-body a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}.article-end{font-family:var(--sans);border-top:1px solid var(--line);margin-top:40px;padding-top:24px}.article-end p{font-size:13px;line-height:1.8;color:var(--muted)}.article-end .text-link{margin-top:5px}.related-posts{padding-top:50px;border-top:1px solid var(--line)}.related-posts h2{font-size:38px}.about-feature{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-bottom:80px}.about-feature .about-image{height:500px;object-fit:cover;border-radius:3px}.about-feature .about-copy p{font-size:17px;line-height:1.9;margin-bottom:22px}.about-feature .about-copy .eyebrow{font-size:11px;margin-bottom:23px}.principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:40px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-bottom:80px}.principle .eyebrow{margin-bottom:15px}.principle h2{font-size:30px;line-height:1.1;margin-bottom:17px}.principle p{font-size:14px;line-height:1.8}.about-note{max-width:850px;padding-bottom:80px}.about-note h2{font-size:44px;margin-bottom:25px}.about-note p{font-size:16px;line-height:1.9;margin-bottom:20px}.credits{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:25px}.credits a{text-decoration:underline}.not-found{padding:120px 0 150px;text-align:center}.not-found h1{font-size:90px;margin:20px 0}.not-found p{margin-bottom:30px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.home-hero{gap:85px}.home-hero h1{font-size:113px}.hero-visual{min-height:540px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav{gap:19px}.nav .nav-contact{display:none}.home-hero{gap:35px;padding-top:50px}.home-hero h1{font-size:82px}.hero-visual{min-height:450px}.hero-actions{gap:18px}.hero-actions .btn{padding:12px 18px;gap:19px}.hero-actions .text-link{font-size:13px}.hero-bottom .build-list{gap:20px}.featured-copy{padding:42px 30px}.featured-copy h2{font-size:45px}.section{padding:70px 0}.section-head h2{font-size:46px}.post-image{height:190px}.post-card h3{font-size:27px}.about-strip{gap:60px}.page-heading.split{gap:40px}.commission-row{grid-template-columns:30px 1fr .85fr;gap:25px}.commission-row h2{font-size:37px}.inquiry-layout{gap:45px}.asset-grid{grid-template-columns:repeat(2,1fr)}.project-card .project-image{height:290px}.detail-layout{gap:50px}.blog-grid .post-image{height:285px}.article-layout{gap:40px;grid-template-columns:150px minmax(0,650px)}}
@media(max-width:800px){.wrap{width:calc(100% - 42px)}.header-inner{height:78px}.brand-name{font-size:26px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:77px;left:0;right:0;flex-direction:column;align-items:stretch;padding:22px 25px 30px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 15px 25px #20231f0c;gap:0}.nav.is-open{display:flex}.nav a{padding:13px 0;font-size:19px}.nav a:not(.nav-contact):after{display:none}.nav .nav-contact{display:flex;margin:13px 0 0;padding:14px 16px;font-size:15px;justify-content:space-between}.home-hero{grid-template-columns:1fr 1fr;gap:22px;padding:43px 0 38px}.home-hero h1{font-size:61px;line-height:1.04}.home-hero .eyebrow{font-size:9px;margin-bottom:23px}.hero-intro{font-size:14px;line-height:1.8;margin-top:21px}.hero-visual{min-height:395px}.hero-visual img{width:113%;max-width:none}.visual-top{left:20px;right:20px;top:21px}.visual-top span{font-size:8px}.visual-caption{bottom:23px;left:21px;right:21px}.visual-caption strong{font-size:29px}.visual-caption small{font-size:9px;max-width:150px}.circle-arrow{width:31px;height:31px;font-size:19px}.hero-actions{gap:20px;margin-top:23px}.hero-actions .btn{font-size:12px;min-height:46px}.hero-actions .text-link{font-size:12px}.hero-bottom{align-items:flex-start}.hero-bottom .build-list{gap:12px;flex-wrap:wrap;justify-content:flex-end}.build-list a{font-size:11px;gap:6px}.build-list small{display:none}.hero-bottom .eyebrow{font-size:9px;padding-top:2px}.section{padding:55px 0}.section-head h2{font-size:41px}.section-head>p{font-size:14px;max-width:290px}.path-card{padding:25px 25px 25px 0;grid-template-columns:20px 1fr;gap:10px}.path-card+ .path-card{padding-left:25px}.path-card h3{font-size:29px}.path-card p{font-size:13px}.featured{grid-template-columns:1.05fr 1fr}.featured-copy{padding:33px 27px}.featured-copy h2{font-size:40px}.featured-copy p{font-size:13px}.featured-copy .eyebrow{font-size:9px;margin-bottom:24px}.featured-image{min-height:360px}.featured-image img{object-position:35% center}.project-ribbon{font-size:11px}.project-ribbon p{font-size:11px}.journal-grid{gap:20px}.post-image{height:160px}.post-card h3{font-size:25px}.post-card p{font-size:13px}.post-meta{font-size:9px;flex-wrap:wrap;gap:5px}.post-meta span+span:before{margin-right:5px}.about-strip{gap:45px;padding:50px 0}.about-strip h2{font-size:40px}.about-strip p{font-size:15px}.contact-band h2{font-size:37px}.footer-main{gap:25px;grid-template-columns:1.4fr .8fr 1fr}.footer-main p{font-size:12px}.footer-links{font-size:12px}.page-heading{padding:48px 0 40px}.page-heading h1{font-size:62px}.page-heading .lead{font-size:16px}.page-heading.split{grid-template-columns:1fr;gap:0}.page-heading.split .lead{max-width:580px;margin-top:23px}.commission-row{grid-template-columns:25px 1fr 1fr;gap:18px;padding:32px 0}.commission-image{height:265px}.commission-row h2{font-size:33px}.commission-row p{font-size:13px}.commission-row li{font-size:9px}.steps{gap:25px}.step h3{font-size:26px}.step p{font-size:13px}.inquiry-layout{grid-template-columns:1fr;gap:33px}.inquiry-intro h2{font-size:44px}.inquiry-intro p{max-width:550px}.inquiry-section{padding:50px 0}.filter-bar{flex-wrap:wrap}.search-wrap,.search-input{width:100%}.filter{padding:8px 12px}.asset-image{height:220px}.asset-notice{gap:25px;padding:25px}.asset-notice h2{font-size:29px}.asset-notice .right{padding-left:25px}.project-card .project-image{height:240px}.project-description h2{font-size:33px}.project-description p{font-size:13px}.projects-grid{gap:35px 24px}.project-detail-hero.planet{height:470px}.detail-layout{gap:35px;grid-template-columns:.75fr 1.6fr}.detail-body p{font-size:16px}.detail-body h2{font-size:35px}.blog-grid .post-image{height:240px}.blog-grid .post-card h3{font-size:32px}.article-hero{height:370px}.article-layout{grid-template-columns:1fr;gap:24px}.article-aside{display:flex;align-items:center;justify-content:space-between;gap:25px;position:static;padding-top:15px}.article-aside p{margin:0}.article-aside .text-link{flex-shrink:0}.article-body{font-size:19px;max-width:680px}.about-feature{gap:35px}.about-feature .about-image{height:470px}.about-feature .about-copy p{font-size:15px}.principles{gap:25px}.principle h2{font-size:27px}.principle p{font-size:13px}}
@media(max-width:580px){html{scroll-padding-top:25px}.wrap{width:calc(100% - 36px)}.header-inner{height:73px}.nav{top:72px}.brand-name{font-size:25px}.home-hero{grid-template-columns:1fr;gap:33px;padding-top:35px}.home-hero .eyebrow{font-size:9px;margin-bottom:22px}.home-hero h1{font-size:76px;max-width:410px;letter-spacing:-.058em}.hero-intro{font-size:15px;max-width:390px;margin-top:23px}.hero-actions{margin-top:25px;gap:23px}.hero-actions .btn{font-size:13px;min-height:49px}.hero-actions .text-link{font-size:13px}.hero-visual{min-height:370px;max-height:450px;aspect-ratio:1.02}.hero-visual img{width:92%}.visual-top{left:24px;right:24px;top:24px}.visual-top span{font-size:9px}.visual-caption{left:24px;right:24px;bottom:24px}.visual-caption strong{font-size:34px}.visual-caption small{font-size:10px;max-width:none}.hero-bottom{display:block;padding:18px 0}.hero-bottom .eyebrow{margin-bottom:13px}.hero-bottom .build-list{justify-content:flex-start;gap:20px 17px}.build-list a{font-size:11px;gap:7px}.section{padding:48px 0}.section-head{display:block;margin-bottom:27px}.section-head h2{font-size:42px}.section-head .eyebrow{margin-bottom:13px}.section-head>p{margin-top:20px;max-width:none}.section-head .text-link{margin-top:20px}.two-paths{grid-template-columns:1fr}.path-card{padding:27px 0;grid-template-columns:24px 1fr;gap:13px}.path-card+ .path-card{border-left:0;border-top:1px solid var(--line);padding:27px 0}.path-card h3{font-size:32px;margin-bottom:13px}.path-card p{font-size:14px;margin-bottom:20px}.featured{grid-template-columns:1fr}.featured-image{min-height:265px;aspect-ratio:1.42}.featured-image img{object-position:center}.featured-copy{padding:29px 26px 33px}.featured-copy .eyebrow{margin-bottom:20px}.featured-copy h2{font-size:44px;margin-bottom:20px}.featured-copy p{font-size:14px;margin-bottom:25px}.project-ribbon{display:block}.project-ribbon p{margin-bottom:13px;line-height:1.8}.journal-grid{grid-template-columns:1fr;gap:34px}.post-image{height:auto;aspect-ratio:1.65}.post-card h3{font-size:31px;max-width:350px}.post-card p{font-size:14px}.post-meta{font-size:9px;margin-top:17px;margin-bottom:12px}.post-card .read{margin-top:15px}.about-strip{grid-template-columns:1fr;gap:26px;padding:45px 0}.about-strip h2{font-size:43px;max-width:300px}.about-strip p{font-size:16px;margin-bottom:20px}.contact-band{padding:39px 0}.contact-band .wrap{display:block}.contact-band h2{font-size:39px;max-width:320px}.contact-band p{font-size:13px;margin-top:16px}.contact-band .btn{margin-top:25px}.site-footer{padding:40px 0 22px}.footer-main{grid-template-columns:1fr 1fr;gap:30px 22px;margin-bottom:35px}.footer-brand{grid-column:1/-1}.footer-main p{max-width:300px;font-size:13px}.footer-links{font-size:13px}.footer-bottom{font-size:9px;display:block}.footer-bottom span{display:block;margin-top:7px}.page-heading{padding:40px 0 35px}.page-heading .eyebrow{font-size:10px;margin-bottom:22px}.page-heading h1{font-size:58px;line-height:1.04}.page-heading .lead{font-size:16px;line-height:1.8;margin-top:24px}.page-intro{display:block}.page-intro .eyebrow{margin-bottom:12px}.page-intro p{font-size:12px}.commission-row{grid-template-columns:24px 1fr;gap:12px;padding:30px 0}.commission-image{grid-column:2;height:230px;margin-top:14px}.commission-row h2{font-size:36px}.commission-row p{font-size:14px}.commission-row li{font-size:9px}.steps{grid-template-columns:1fr;gap:24px}.step{padding-top:20px}.step h3{font-size:29px;margin:11px 0}.step p{font-size:14px;max-width:360px}.inquiry-intro h2{font-size:46px}.inquiry-intro p{font-size:14px}.form-grid{grid-template-columns:1fr;gap:19px}.field-wide{grid-column:auto}.filter-bar{gap:18px;padding:19px 0;margin-bottom:25px}.filters{gap:3px}.filter{font-size:11px;padding:8px 10px}.asset-grid{grid-template-columns:1fr;gap:25px}.asset-image{height:245px}.asset-content{padding:25px}.asset-content h2{font-size:33px}.asset-content p{font-size:14px}.asset-notice{grid-template-columns:1fr;padding:26px;gap:24px}.asset-notice .right{border-left:0;border-top:1px solid #c8cebd;padding:23px 0 0}.asset-notice h2{font-size:32px}.asset-notice p{font-size:14px}.asset-notice .right p{font-size:12px}.projects-grid{grid-template-columns:1fr;gap:30px;padding-bottom:50px}.project-card .project-image{height:285px}.project-description h2{font-size:38px}.project-description p{font-size:14px}.project-description .eyebrow{font-size:10px}.project-detail-hero{max-height:340px;min-height:260px;object-fit:cover}.project-detail-hero.planet{height:360px;max-height:360px}.image-caption{font-size:9px;flex-direction:column;gap:6px}.detail-layout{grid-template-columns:1fr;gap:25px;padding:35px 0 45px}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-meta p{font-size:12px;margin-bottom:0}.detail-body h2{font-size:38px}.detail-body p{font-size:16px;line-height:1.85}.detail-more{display:block;padding:27px 0 43px}.detail-more .text-link{margin-top:19px}.blog-grid{gap:35px;padding-bottom:45px}.blog-grid .post-image{height:auto;aspect-ratio:1.5}.blog-grid .post-card h3{font-size:34px}.blog-grid .post-card p{font-size:14px}.rss-strip{display:block;margin-bottom:45px;padding:26px 0}.rss-strip .text-link{margin-top:20px}.rss-strip h2{font-size:33px}.article-header{text-align:left;padding:35px 0 30px}.article-header h1{font-size:48px;line-height:1.07;margin:20px 0}.article-header .eyebrow{font-size:10px}.article-header .article-deck{font-size:16px}.article-header .post-meta{justify-content:flex-start;font-size:9px}.back-link{margin-bottom:25px}.article-hero{height:260px}.article-layout{padding:28px 0 45px}.article-aside{gap:15px}.article-aside .text-link{font-size:10px;gap:6px}.article-aside p{font-size:10px;max-width:180px}.article-body{font-size:19px;line-height:1.75}.article-body p{margin-bottom:23px}.related-posts{padding-top:35px}.about-feature{grid-template-columns:1fr;gap:30px;padding-bottom:45px}.about-feature .about-image{height:380px;width:100%;object-position:center}.about-feature .about-copy p{font-size:16px}.principles{grid-template-columns:1fr;gap:27px;padding:30px 0;margin-bottom:45px}.principle h2{font-size:32px}.principle p{font-size:14px}.about-note{padding-bottom:45px}.about-note h2{font-size:39px}.about-note p{font-size:15px}.not-found{padding:75px 0}.not-found h1{font-size:65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep intrinsic image dimensions from widening grid tracks on small screens. */
.home-hero>*{min-width:0}
@media(max-width:580px){.hero-visual{min-height:0;width:100%;max-height:none;aspect-ratio:1.02;align-self:auto}.page-heading h1{overflow-wrap:anywhere}}

.commission-fields{border:0;margin:0;padding:0;min-width:0}