@font-face{font-family:DM;src:url('assets/dm-sans.ttf') format('truetype');font-weight:100 1000;font-style:normal;font-display:swap}
:root{--cream:#f3eee5;--ink:#211e17;--gold:#9a7535;--gold-light:#bc9957;--green:#43503d;--dark:#15130e;--muted:#686257;--line:#b3955759;--serif:'Baskerville','Iowan Old Style',Georgia,serif;--gutter:clamp(25px,5.2vw,85px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0;font-family:DM,Arial,sans-serif;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}p{line-height:1.75}img{display:block;width:100%;max-width:100%}em{font-weight:400;color:var(--gold)}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;left:15px;top:-70px;z-index:30;padding:12px 18px;background:var(--green);color:var(--cream)}.skip-link:focus{top:15px}.paper{background-color:var(--cream);background-image:radial-gradient(ellipse at 0 0,#fffdf933,transparent 65%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23775f40' opacity='.025' d='M0 0h180v180H0z' filter='url(%23n)'/%3E%3C/svg%3E")}.dark{color:#f0e9da;background:radial-gradient(ellipse at 46% 10%,#392b142c,transparent 65%),var(--dark)}.section{padding:70px var(--gutter)}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:500;letter-spacing:.15em;color:var(--gold);line-height:1.7}h2{font-size:clamp(36px,4.1vw,61px);letter-spacing:-.035em;line-height:1.12}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:51px;padding:17px 24px;text-transform:uppercase;font-size:11px;letter-spacing:.15em;line-height:1.3;border:1px solid transparent;transition:background .25s,color .25s,transform .25s}.button>span{font-size:17px;line-height:1}.button:hover{transform:translateY(-2px)}.button-green{background:var(--green);color:#f7f3e6}.button-green:hover{background:#293826}.button-gold{background:linear-gradient(115deg,#c8aa6f,#a98545);color:#151910}.button-gold:hover{background:#dac188}.text-link{display:inline-flex;align-items:center;gap:18px;padding:13px 0;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.15em}.text-link:hover{color:var(--ink)}.text-link span{font-size:17px;line-height:1}
.header{height:100px;padding:0 3.5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #b1966b42;position:relative;z-index:5}.wordmark{display:flex;flex-direction:column;gap:5px;flex:none}.wordmark>span{font-family:var(--serif);font-size:25px;letter-spacing:.045em;line-height:1}.wordmark>small{font-size:6.5px;letter-spacing:.13em}.header nav{display:flex;align-items:center;gap:27px}.header nav a{text-transform:uppercase;font-size:10.5px;letter-spacing:.11em;font-weight:500;white-space:nowrap;position:relative;padding:13px 0}.header nav a:hover,.header nav a[aria-current]{color:var(--gold)}.header nav a[aria-current]:after{content:'';height:1px;position:absolute;inset:auto 0 3px;background:var(--gold)}.header-cta{text-transform:uppercase;white-space:nowrap;border:1px solid #b59660;padding:12px 19px;font-size:10.5px;letter-spacing:.15em;color:var(--gold)}.header-cta:hover{background:var(--green);border-color:var(--green);color:var(--cream)}.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:46% 34% 20%;background:#14110b;min-height:640px}.hero-copy{position:relative;isolation:isolate;padding:65px 38px 63px var(--gutter);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero-watermark{position:absolute;z-index:-1;right:12px;top:13px;line-height:1;font-size:280px;font-family:var(--serif);color:#ac956b0c;pointer-events:none}.welcome{display:flex;align-items:center;gap:13px;margin-bottom:27px}.welcome>span{width:25px;height:1px;background:#ae8d53}.hero h1{font-size:clamp(46px,4.75vw,76px);line-height:1.03;letter-spacing:-.045em}.hero h1 em{display:inline-block;white-space:nowrap;padding-top:9px;font-size:.99em}.gold-rule{width:55px;height:1.5px;background:var(--gold);margin-top:32px;margin-bottom:22px}.hero-credo{font-size:11px;text-transform:uppercase;letter-spacing:.15em;line-height:1.9;max-width:400px}.hero-credo b{font-weight:600}.hero-intro{font-size:14px;line-height:1.9;color:#625d53;max-width:395px;margin-top:18px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:31px;flex-wrap:wrap}.hero-portrait{position:relative;overflow:hidden;min-width:0}.hero-portrait img{height:100%;position:absolute;object-fit:cover;object-position:50% 25%}.hero-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 72%,#14110bb3);pointer-events:none}.hero-aside{padding:42px 35px 35px 23px;color:#e8dfc9;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 0 50%,#30230e55,transparent 85%)}.trait{display:grid;grid-template-columns:34px 1fr;align-items:start;gap:15px;border-bottom:1px solid #977a3d69;padding:25px 0}.trait:first-child{padding-top:0}.trait svg{width:31px;height:31px;fill:none;stroke:var(--gold-light);stroke-width:1.2;margin-top:5px}.trait-title{font-family:var(--serif);font-size:30px;line-height:1.2;color:var(--gold-light);letter-spacing:-.035em}.trait p{text-transform:uppercase;font-size:10px;letter-spacing:.15em;line-height:1.65;margin-top:7px;color:#d9d0bf}.hero-aside blockquote{position:relative;padding:26px 0 0 28px}.quote-mark{font-family:Georgia,serif;font-size:48px;color:var(--gold-light);position:absolute;top:17px;left:0}.hero-aside blockquote p{font-family:var(--serif);font-size:26px;line-height:1.3;letter-spacing:-.02em}.hero-aside cite{font-style:normal;display:block;color:var(--gold-light);font-size:10px;text-transform:uppercase;letter-spacing:.1em;line-height:1.8;margin-top:15px}.world-ribbon{background:linear-gradient(100deg,#4e5b46,#394b37);color:#f3eee1;border-block:1px solid #ac91534f;padding:22px var(--gutter)}.world-ribbon p{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:22px;row-gap:4px;text-align:center;font-size:11px;letter-spacing:.13em;text-transform:uppercase;line-height:1.9}.world-ribbon p+p{margin-top:3px}.world-ribbon i{font-size:17px;font-style:normal;color:#cbb78f}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:39px}.section-heading .eyebrow{margin-bottom:15px}.section-heading>p{font-size:13px;line-height:1.8;color:#746b5d;max-width:340px}.work{padding-top:50px;padding-bottom:60px}.work .section-heading>p{color:#aaa392}.work .eyebrow{color:var(--gold-light)}.work h2{font-size:clamp(35px,3.8vw,55px)}.work h2 em{color:#c6a364}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.service-card{border:1px solid #9b7b3d78;padding:30px 29px 22px;display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto 1fr auto;column-gap:19px;align-content:start;background:linear-gradient(135deg,#4a371c0e,transparent);transition:border-color .25s,background .25s}.service-card:hover{border-color:#c1a161;background:#46371916}.service-icon{width:36px;height:36px;stroke:#bc9048;stroke-width:1.2;fill:none;margin-top:3px}.service-heading h3{font-size:25px;line-height:1.13;font-variant-caps:small-caps;letter-spacing:-.025em}.service-subtitle{font-family:var(--serif);font-size:17px;font-style:italic;color:var(--gold-light);margin-top:10px;line-height:1.3}.service-meta{grid-column:2;font-size:10.5px;color:#c5bda9;line-height:1.7;margin:13px 0 19px}.service-card>p:not(.service-meta){grid-column:2;font-size:13px;line-height:1.85;color:#c5beb0;margin-bottom:27px}.card-link{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0 1px;border-top:1px solid #9b7b3d42;font-size:11px;letter-spacing:.02em;color:#cfb17b;align-self:end;margin-top:auto}.card-link:hover{color:#f3e2bc}.card-link span{font-size:17px;line-height:1}
.about{display:grid;grid-template-columns:40% 27% 33%;border-block:1px solid #a98e5c36}.about-story{padding:55px 38px 49px var(--gutter)}.about-story>.eyebrow{margin-bottom:20px}.about-story h2{font-size:clamp(28px,2.7vw,42px);line-height:1.22;letter-spacing:-.025em;margin-bottom:25px}.about-story>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#675f53}.about-story>p+p{margin-top:13px}.about-story blockquote{font-family:var(--serif);font-size:20px;line-height:1.45;border-left:2px solid var(--gold);padding-left:17px;margin-top:22px;letter-spacing:-.02em}.about-principles{padding:65px 28px 50px 10px;display:flex;flex-direction:column;justify-content:center;gap:26px}.about-principles>div{position:relative;padding-left:27px}.about-principles span{position:absolute;left:0;top:0;color:var(--gold);font-size:20px;font-family:var(--serif);line-height:1}.about-principles h3{font-family:DM,Arial,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:.12em;line-height:1.5;margin-bottom:6px}.about-principles p{font-size:11px;color:#766d60;line-height:1.7}.about-photo{position:relative;overflow:hidden;min-height:480px;background:#16120d}.about-photo img{height:100%;position:absolute;object-fit:cover;object-position:50% 27%}.about-photo:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#100d08a1)}.about-photo figcaption{position:absolute;bottom:22px;left:26px;right:20px;font:italic 18px/1.4 var(--serif);color:#e6d2ad;z-index:1}
.projects{padding-top:65px;padding-bottom:60px}.projects h2{font-size:clamp(35px,3.6vw,54px)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.project-visual{height:300px;position:relative;isolation:isolate;overflow:hidden;background:#141a12;color:#e4dfd0}.project-visual img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:72% 50%;transition:transform .7s}.project-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#090e08a8,transparent 40%);z-index:0}.project-label{position:absolute;left:22px;top:24px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;z-index:1}.project-arrow{position:absolute;right:20px;top:19px;width:31px;height:31px;display:grid;place-items:center;font-size:19px;border:1px solid #d8c99d6b;border-radius:50%;z-index:1;transition:transform .25s}.project-card:hover .project-visual img{transform:scale(1.045)}.project-card:hover .project-arrow{transform:rotate(45deg)}.project-description{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-top:19px}.project-description h3{font-size:28px;line-height:1.2;letter-spacing:-.03em}.project-description p{font-size:11px;color:#796f5e;line-height:1.7;padding-top:3px}.djelato-project .project-visual{background:#d6debd;color:#364830}.djelato-project .project-visual:after{display:none}.djelato-art{position:absolute;inset:16px 0 0;width:100%;height:90%}.djelato-art .route{fill:none;stroke:#6b865768;stroke-width:1;stroke-dasharray:4 5}.djelato-art circle{fill:#455d3a;stroke:#e6e7d2;stroke-width:4}.djelato-art .cone-shadow{fill:#3047291a}.djelato-art .cone{fill:#ae7443}.djelato-art .waffle{fill:none;stroke:#e4b477;stroke-width:2}.djelato-art .ice-cream{fill:#f1d49a}.djelato-word{position:absolute;bottom:21px;left:25px;font-family:var(--serif);font-size:32px;line-height:1.05;letter-spacing:-.035em}.djelato-word em{color:#66754c}.connections{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #b1976154;margin-top:40px;padding-top:23px}.connections>.eyebrow{font-size:10px}.connections>a{font-size:12px;color:#6d624c;display:flex;align-items:center;gap:25px}.connections>a:hover{color:var(--gold)}.connections>a>span{color:var(--gold)}
.world{display:grid;grid-template-columns:1.15fr 1fr .8fr;gap:50px;background:radial-gradient(ellipse at 15% 20%,#71816236,transparent 70%),#43513c;color:#f0eadc;padding-top:46px;padding-bottom:46px;border-block:1px solid #a68a505e}.world .eyebrow{color:#d1b575;font-size:10.5px}.world-intro>.eyebrow{margin-bottom:16px}.world h2{font-size:36px;letter-spacing:-.025em;line-height:1.2;margin-bottom:19px}.world h2 em{color:#e2d0aa}.world-intro>p:not(.eyebrow){font-size:12px;line-height:1.8;max-width:340px;color:#d2d6c4}.world-principles{padding-top:12px}.world-principles>p{font-size:11px;display:flex;gap:13px;line-height:1.7;margin-bottom:12px;color:#e0e1d2}.world-principles>p>span{font-size:18px;color:#ead7b4;line-height:1.1}.world-credo{margin-top:23px;border-top:1px solid #acba9550;padding-top:16px}.world-credo>p:last-child{font:21px/1.4 var(--serif);margin-top:8px;color:#e6e1d1}.world-credo b{font-weight:400;color:#e5c893}.world-action{border-left:1px solid #b1ac7d82;padding-left:35px;display:flex;flex-direction:column;justify-content:center}.world-action>p:first-child{font-size:11px;color:#d5dac7;margin-bottom:15px}.world-action-copy{font:26px/1.3 var(--serif);margin-bottom:25px;color:#f1e8d1}.world-action .button{font-size:10.5px;max-width:245px}
.footer{padding:23px var(--gutter) 22px;display:grid;grid-template-columns:55px 1fr auto;gap:30px;align-items:center}.footer-monogram{font:53px/1 var(--serif);color:var(--gold-light);width:max-content}.footer nav{display:flex;align-items:center;gap:30px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#c1a163}.footer a:hover{color:#eee2c5}.socials{display:flex;align-items:center;gap:17px;font-size:10.5px;color:#bdac88}.footer-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #a58a4933;padding-top:18px;margin-top:3px;font-size:10px;letter-spacing:.06em;color:#9d927a}.footer-bottom>span:nth-child(2){text-transform:uppercase;font-size:9px;letter-spacing:.13em}
@media(min-width:1700px){.header{padding-inline:max(3.5%,calc((100vw - 1650px)/2))}.hero{max-width:1920px;margin:auto}.section,.footer{padding-inline:max(var(--gutter),calc((100vw - 1500px)/2))}.hero-copy{padding-left:90px}.hero h1{font-size:86px}.hero-aside{padding-inline:40px}.about{grid-template-columns:40% 25% 35%}}
@media(max-width:1150px){.header{height:90px;gap:20px}.wordmark>span{font-size:23px}.wordmark>small{font-size:6px}.header nav{gap:20px}.header nav a{font-size:10px}.header-cta{padding:12px 14px;font-size:10px}.hero{grid-template-columns:46% 35% 19%;min-height:600px}.hero-copy{padding-right:26px;padding-block:48px}.hero h1{font-size:clamp(44px,4.8vw,57px)}.welcome{font-size:10.5px;margin-bottom:25px}.hero-intro{font-size:12px}.hero-credo{font-size:10px;letter-spacing:.12em}.hero-actions{gap:20px}.hero-actions .button{font-size:10.5px;padding:17px 21px}.hero-aside{padding:30px 23px 28px 12px}.trait{grid-template-columns:26px 1fr;gap:10px;padding:22px 0}.trait svg{width:25px;height:25px}.trait-title{font-size:25px}.trait p{font-size:9px;letter-spacing:.08em}.hero-aside blockquote{padding-left:23px}.hero-aside blockquote p{font-size:23px}.hero-aside cite{font-size:9px}.world-ribbon p{font-size:11px;column-gap:18px}.service-grid{gap:20px}.service-card{padding:25px 22px 22px;grid-template-columns:32px 1fr;column-gap:14px}.service-icon{width:30px;height:30px}.service-heading h3{font-size:23px}.service-subtitle{font-size:15px}.service-meta{font-size:10px}.service-card>p:not(.service-meta){font-size:12px}.card-link{font-size:10.5px}.about{grid-template-columns:41% 27% 32%}.about-story{padding-right:28px;padding-block:43px}.about-story h2{font-size:30px}.about-story>p:not(.eyebrow){font-size:11px}.about-principles{gap:23px;padding-right:20px;padding-block:45px}.about-principles h3{font-size:10.5px}.about-principles p{font-size:11px}.about-photo{min-height:490px}.project-visual{height:270px}.world{gap:32px}.world h2{font-size:32px}.world-action{padding-left:24px}.footer nav{gap:20px}.socials{gap:13px;font-size:10px}}
@media(max-width:900px){.header nav{gap:17px}.header-cta{display:none}.hero{grid-template-columns:53% 47%;min-height:0}.hero-copy{padding:55px 25px 55px var(--gutter)}.hero h1{font-size:clamp(47px,5.4vw,59px)}.hero-aside{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;gap:20px;align-items:center;padding:26px var(--gutter);border-top:1px solid #88703e4d;background:#17140d}.trait,.trait:first-child{border-bottom:0;border-right:1px solid #88703e4d;padding:4px 15px 4px 0}.trait-title{font-size:24px}.trait p{font-size:9px;letter-spacing:.06em}.hero-aside blockquote{padding:0 0 0 18px}.quote-mark{top:-5px;font-size:34px;left:-2px}.hero-aside blockquote p{font-size:22px}.hero-aside blockquote p br{display:none}.hero-aside cite{font-size:9px;letter-spacing:.08em;margin-top:8px}.hero-aside cite br{display:none}.service-card{grid-template-columns:1fr;gap:0;padding:26px 21px 21px}.service-icon{width:32px;height:32px;margin-bottom:18px}.service-meta,.service-card>p:not(.service-meta),.card-link{grid-column:1}.service-heading h3{font-size:25px}.service-heading h3 br{display:none}.service-meta{margin-top:14px}.service-card>p:not(.service-meta){font-size:12px}.card-link{font-size:11px}.about{grid-template-columns:1.15fr 1fr}.about-story{padding-right:40px}.about-principles{grid-column:1;grid-row:2;padding:0 35px 40px var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:25px}.about-photo{grid-column:2;grid-row:1/3}.about-story h2{font-size:32px}.about-story>p:not(.eyebrow){font-size:12px}.about-principles h3{font-size:10px}.about-principles p{font-size:11px}.project-grid{gap:27px}.project-description{flex-direction:column;gap:8px}.project-description p{font-size:12px;padding-top:0}.project-description p br{display:none}.world{grid-template-columns:1fr 1fr;gap:35px 45px}.world-intro h2{font-size:36px}.world-action{grid-column:1/-1;border-left:0;border-top:1px solid #b1ac7d62;padding:24px 0 0;display:flex;flex-direction:row;align-items:center;gap:25px}.world-action>p:first-child{margin:0}.world-action-copy{font-size:22px;margin:0}.world-action-copy br{display:none}.world-action .button{margin-left:auto;min-width:170px}.footer{grid-template-columns:45px 1fr;gap:25px}.footer nav{justify-content:flex-end;gap:26px}.socials{grid-column:2;justify-content:flex-end;font-size:11px;gap:25px}.footer-bottom{margin-top:0}.connections{gap:20px}.connections>a{font-size:11px;gap:15px}}
@media(max-width:700px){:root{--gutter:26px}.header{height:82px;padding-inline:var(--gutter);gap:20px}.wordmark>span{font-size:22px}.wordmark>small{font-size:5.6px;letter-spacing:.1em}.menu-toggle{display:flex;align-items:center;gap:13px;padding:10px 12px;border:1px solid #b2996d;color:#75572b;background:transparent;font-size:10.5px;text-transform:uppercase;letter-spacing:.1em}.menu-toggle span{font-size:18px;line-height:1;transition:transform .2s}.menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}.header nav{display:none;position:absolute;top:82px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#f4efe6f7;backdrop-filter:blur(15px);border-bottom:1px solid #b59660;padding:16px var(--gutter) 22px}.header nav.is-open{display:flex}.header nav a{padding:15px 0;font-size:11px}.header nav a[aria-current]:after{display:none}.hero{grid-template-columns:1fr 1fr}.hero-copy{grid-column:1/-1;padding:43px var(--gutter) 40px}.hero h1{font-size:clamp(49px,8.7vw,64px);max-width:580px;line-height:1.02}.hero h1 em{padding-top:7px}.hero-watermark{font-size:250px;right:30px;top:20px}.welcome{font-size:10.5px;margin-bottom:22px}.gold-rule{margin-top:27px;margin-bottom:19px;width:44px}.hero-credo{font-size:10px;max-width:100%;letter-spacing:.15em}.hero-intro{font-size:13px;max-width:490px;margin-top:17px}.hero-actions{gap:29px;margin-top:25px}.hero-actions .button{font-size:11px;padding:17px 23px}.text-link{font-size:10.5px}.hero-portrait{grid-column:1;min-height:390px}.hero-portrait img{object-position:50% 21%}.hero-portrait:after{background:linear-gradient(90deg,transparent 85%,#14110b6e)}.hero-aside{grid-column:2;display:flex;flex-direction:column;justify-content:center;gap:0;border-top:0;padding:25px 25px 25px 20px;align-items:stretch}.trait,.trait:first-child{grid-template-columns:25px 1fr;gap:12px;padding:17px 0;border-right:0;border-bottom:1px solid #88703e6b}.trait:first-child{padding-top:0}.trait-title{font-size:26px}.trait svg{width:24px;height:24px;margin-top:2px}.trait p{font-size:9px;letter-spacing:.1em}.hero-aside blockquote{padding:23px 0 0 24px}.quote-mark{top:15px;left:0;font-size:41px}.hero-aside blockquote p{font-size:25px}.hero-aside blockquote p br{display:block}.hero-aside cite{font-size:9px;letter-spacing:.1em;line-height:1.9;margin-top:12px}.world-ribbon{padding-block:20px}.world-ribbon p{font-size:10px;column-gap:12px;row-gap:6px;letter-spacing:.1em}.world-ribbon p+p{margin-top:8px}.world-ribbon i{font-size:12px}.section{padding-block:48px}.section-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:28px}.section-heading .eyebrow{font-size:10.5px;margin-bottom:13px}.section-heading h2,.work h2{font-size:38px;line-height:1.13}.section-heading>p{font-size:12px;max-width:390px}.section-heading>p br{display:none}.service-grid{grid-template-columns:1fr;gap:19px}.service-card{grid-template-columns:38px 1fr;padding:25px 25px 23px;column-gap:20px}.service-icon{width:34px;height:34px;margin-bottom:0}.service-heading h3{font-size:27px}.service-subtitle{font-size:17px;margin-top:7px}.service-meta,.service-card>p:not(.service-meta),.card-link{grid-column:2}.service-meta{font-size:10.5px;margin:12px 0 16px}.service-card>p:not(.service-meta){font-size:13px;margin-bottom:20px}.card-link{font-size:11px}.about{grid-template-columns:1fr 1fr}.about-story{grid-column:1/-1;padding:43px var(--gutter) 33px}.about-story h2{font-size:34px;line-height:1.18;max-width:500px;margin-bottom:20px}.about-story h2 br{display:none}.about-story>p:not(.eyebrow){font-size:13px;max-width:520px}.about-story blockquote{font-size:22px;margin-top:20px}.about-principles{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:21px;padding:10px 20px 35px var(--gutter);justify-content:flex-start}.about-principles>div{padding-left:21px}.about-principles h3{font-size:10px;letter-spacing:.07em}.about-principles p{font-size:11px;line-height:1.6}.about-photo{grid-column:2;grid-row:2;min-height:400px}.about-photo img{object-position:48% 30%}.about-photo figcaption{bottom:18px;left:18px;font-size:17px;right:18px}.project-grid{grid-template-columns:1fr;gap:30px}.project-visual{height:290px}.project-description{flex-direction:row;gap:25px}.project-description h3{font-size:28px;white-space:nowrap}.project-description p{font-size:11px;max-width:240px;padding-top:3px}.project-label{font-size:10px;max-width:230px;left:21px;top:22px}.connections{display:grid;grid-template-columns:1fr;gap:0;margin-top:28px;padding-top:19px}.connections>.eyebrow{margin-bottom:13px}.connections>a{padding:15px 0;border-bottom:1px solid #b1976139;justify-content:space-between;font-size:12px}.world{grid-template-columns:1fr;gap:29px}.world h2{font-size:37px}.world h2 br{display:none}.world-intro>p:not(.eyebrow){max-width:480px;font-size:13px}.world-principles{padding-top:0}.world-principles>p{font-size:12px}.world-credo>p:last-child{font-size:25px}.world-credo>p:last-child br{display:none}.world-action{flex-wrap:wrap;gap:13px 20px;padding-top:22px}.world-action>p:first-child{width:100%;font-size:11px}.world-action-copy{font-size:25px;max-width:170px}.world-action .button{min-width:150px;margin-left:auto;font-size:10.5px;padding-inline:19px}.footer{padding-block:26px 20px;grid-template-columns:35px 1fr;gap:25px}.footer nav{flex-wrap:wrap;gap:18px 24px;justify-content:flex-start;font-size:10px}.footer-monogram{align-self:start;font-size:45px}.socials{justify-content:flex-start;gap:20px;flex-wrap:wrap;font-size:11px}.footer-bottom{flex-wrap:wrap;row-gap:16px;font-size:10px}.footer-bottom>span:nth-child(2){order:3;width:100%;font-size:9px}.footer-bottom>a{margin-left:auto}}
@media(max-width:380px){:root{--gutter:22px}.header{gap:14px}.wordmark>span{font-size:20px}.wordmark>small{font-size:5px}.menu-toggle{padding:9px 10px;gap:10px;font-size:10px}.hero h1{font-size:46px;letter-spacing:-.055em}.hero h1 em{font-size:.97em}.hero-credo{font-size:9px}.hero-intro{font-size:12px}.hero-actions{gap:23px}.hero-actions .button{padding:16px 19px;font-size:10.5px}.hero-portrait{min-height:365px}.hero-aside{padding:24px 17px 23px 12px}.trait,.trait:first-child{grid-template-columns:1fr;gap:6px;padding-block:14px}.trait svg{display:none}.trait-title{font-size:25px}.trait p{font-size:9px}.trait p br{display:none}.hero-aside blockquote p{font-size:22px}.hero-aside blockquote{padding-left:19px}.hero-aside cite{font-size:9px}.section-heading h2,.work h2{font-size:35px}.service-card{padding:24px 20px;column-gap:15px;grid-template-columns:30px 1fr}.service-icon{width:29px;height:29px}.service-heading h3{font-size:25px}.service-subtitle{font-size:16px}.service-card>p:not(.service-meta){font-size:12px}.about-story h2{font-size:31px}.about-principles{padding-right:16px;gap:20px}.about-principles>div{padding-left:17px}.about-principles h3{font-size:9px}.about-principles p{font-size:10.5px}.about-photo{min-height:405px}.about-photo figcaption{font-size:16px;left:13px}.project-description{flex-direction:column;gap:6px}.project-description p{max-width:100%;font-size:12px}.project-visual{height:265px}.project-label{font-size:9px;max-width:220px}.world h2{font-size:34px}.world-action .button{margin-left:0;min-width:190px}.world-action-copy{max-width:100%;font-size:24px}.world-action-copy br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover,.project-card:hover .project-visual img,.project-card:hover .project-arrow{transform:none}}

/* A quiet journey from a tangled thought to a growing idea. */
.hero-copy{display:grid;grid-template-columns:minmax(0,1fr) clamp(150px,13vw,185px);grid-template-rows:1fr auto auto;column-gap:10px;padding:42px 20px 45px var(--gutter);align-items:center}
.hero-message{position:relative;z-index:1;min-width:0;align-self:center}
.hero-message .welcome{font-size:10px;letter-spacing:.13em;gap:10px;margin-bottom:38px;white-space:nowrap}
.hero-message .welcome>span{width:21px;flex:none}
.hero-message h1{font-size:clamp(46px,4.55vw,72px)}
.hero-message .hero-credo{font-size:10px;line-height:1.9;letter-spacing:.1em}
.hero-copy>.hero-intro,.hero-copy>.hero-actions{grid-column:1/-1;max-width:480px}
.hero-copy>.hero-intro{margin-top:16px}
.hero-copy>.hero-actions{margin-top:26px}
.journey-art{grid-column:2;grid-row:1;position:relative;width:100%;align-self:center;pointer-events:none}
.journey-art svg{display:block;width:100%;height:auto;overflow:visible}
.journey-art .journey-horizontal{display:none}
.journey-thread{fill:none;stroke:#bd9142;stroke-width:.85;opacity:.7;stroke-dasharray:720;animation:journey-arrival 4.8s ease-out both}
.journey-tangle{fill:none;stroke:#8c754f;stroke-width:.68;stroke-linecap:round;opacity:.68}
.journey-tangle circle{fill:#aa884b;stroke:none}
.journey-network{stroke:#bd9142;stroke-width:.63;fill:none;stroke-linejoin:round}
.journey-network path{opacity:.47}
.journey-network .network-outline{opacity:.66;stroke-width:.85}
.journey-network circle{fill:#be9040;stroke:#f3e5c7;stroke-width:.55}
.journey-network .journey-core{fill:#e2bc68;stroke:#fff3cc;stroke-width:2;filter:drop-shadow(0 0 3px #cda85980);transform-box:fill-box;transform-origin:center;animation:journey-spark 4.8s ease-out both}
.journey-growth{fill:none;stroke:#b1853d;stroke-width:.8;stroke-linecap:round;stroke-linejoin:round}
.growth-stem{opacity:.75}
.growth-leaves{fill:#c5a46117;stroke:#b78838}
.leaf-veins{stroke-width:.55;opacity:.65}
.growth-nodes{fill:#d3ae61;stroke:#fff0cc;stroke-width:.8}
.journey-labels{fill:#936923;font-family:DM,Arial,sans-serif;font-size:9px;letter-spacing:1.5px}
.hero-aside{counter-reset:journey-trait}
.hero-aside .trait{position:relative;margin-left:18px}
.hero-aside .trait:before{counter-increment:journey-trait;content:'0' counter(journey-trait);position:absolute;left:-24px;top:30px;color:#c5a363;font:9px/1 DM,Arial,sans-serif;letter-spacing:.06em}
.hero-aside .trait:first-child:before{top:5px}
.hero-aside .trait:after{content:'';position:absolute;left:-17px;top:48px;bottom:0;width:1px;background:#b28a4352}
.hero-aside .trait:first-child:after{top:23px}
.question-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;padding:29px var(--gutter);border-bottom:1px solid #aa895843}
.question-label{display:flex;align-items:center;gap:17px;border-right:1px solid #ab91504d;padding-right:29px}
.question-label svg{fill:none;stroke:#a37d37;stroke-width:1.1;width:32px;height:32px;flex:none}
.question-label span{font-size:10px;letter-spacing:.13em;text-transform:uppercase;line-height:1.6;max-width:140px}
.question-strip>p{font:clamp(20px,1.8vw,28px)/1.35 var(--serif);letter-spacing:-.025em}
.question-strip>a{display:flex;align-items:center;gap:16px;font:18px/1.2 var(--serif);color:var(--gold);white-space:nowrap}
.question-strip>a:hover{color:var(--ink)}
.question-strip>a>span{font-family:DM,Arial,sans-serif;font-size:21px}
@keyframes journey-arrival{from{stroke-dashoffset:720;opacity:.15}to{stroke-dashoffset:0;opacity:.7}}
@keyframes journey-spark{0%,20%{transform:scale(.8);opacity:.7}45%{transform:scale(1.25);opacity:1}100%{transform:scale(1);opacity:1}}
@media(min-width:1700px){.hero-copy{padding-left:90px;grid-template-columns:minmax(0,1fr) 210px;column-gap:25px;padding-block:48px}.hero-message h1{font-size:80px}.hero-message .welcome{font-size:11px}.hero-message .hero-credo{font-size:10.5px}}
@media(max-width:1150px) and (min-width:701px){.hero-copy{display:flex;flex-direction:column;align-items:stretch;padding:38px 28px 32px var(--gutter)}.hero-message{align-self:stretch}.hero-message .welcome{font-size:10px;margin-bottom:24px}.hero-message h1{font-size:clamp(44px,5.1vw,59px)}.hero-message .gold-rule{margin-top:24px;margin-bottom:17px}.hero-copy>.hero-intro{margin-top:17px;font-size:12px}.hero-copy>.hero-actions{margin-top:21px}.journey-art{order:4;width:100%;max-width:410px;margin:27px 0 0;padding-top:18px;border-top:1px solid #ad8e4f33;align-self:stretch}.journey-art .journey-vertical{display:none}.journey-art .journey-horizontal{display:block}.journey-horizontal .journey-labels{font-size:13px;letter-spacing:1.6px}.hero-aside .trait{margin-left:14px}.hero-aside .trait:before{left:-19px;font-size:10px}.hero-aside .trait:after{left:-13px}.question-strip{gap:23px}.question-label{padding-right:23px;gap:12px}.question-label span{font-size:9px;max-width:100px}.question-strip>p{font-size:22px}.question-strip>a{font-size:16px;gap:10px}}
@media(max-width:900px) and (min-width:701px){.hero-aside .trait:before{top:4px}.hero-aside .trait:after{display:none}.hero-aside .trait:first-child:before{top:4px}.question-strip{grid-template-columns:1fr auto;gap:13px 30px}.question-label{grid-column:1/-1;border:0;padding:0}.question-label span{max-width:none}.question-label svg{width:25px;height:25px}.question-strip>p{font-size:24px}}
@media(max-width:700px){.hero-copy{display:flex;flex-direction:column;align-items:stretch;padding:40px var(--gutter) 29px}.hero-message{align-self:stretch}.hero-message .welcome{font-size:10px;letter-spacing:.11em;margin-bottom:24px;white-space:normal}.hero-message h1{font-size:clamp(49px,8.7vw,64px)}.hero-message .hero-credo{font-size:10px;letter-spacing:.12em}.hero-copy>.hero-intro{font-size:13px;margin-top:18px}.hero-copy>.hero-actions{margin-top:25px}.journey-art{order:4;max-width:540px;margin:28px 0 0;padding-top:17px;border-top:1px solid #ad8e4f33;align-self:stretch}.journey-art .journey-vertical{display:none}.journey-art .journey-horizontal{display:block}.journey-horizontal .journey-labels{font-size:15px;letter-spacing:1.5px}.hero-aside .trait{margin-left:0}.hero-aside .trait:before,.hero-aside .trait:after{display:none}.question-strip{grid-template-columns:1fr;gap:17px;padding:25px var(--gutter) 28px}.question-label{padding-right:0;border:0;gap:12px}.question-label svg{width:27px;height:27px}.question-label span{max-width:none;font-size:10px}.question-strip>p{font-size:27px;max-width:420px}.question-strip>a{font-size:17px;width:max-content;padding-top:2px}}
@media(max-width:380px){.hero-message h1{font-size:46px;letter-spacing:-.055em}.hero-message .welcome{font-size:9px;letter-spacing:.08em;gap:9px}.hero-message .welcome>span{width:18px}.hero-message .hero-credo{font-size:9px}.hero-copy>.hero-intro{font-size:12px}.hero-copy>.hero-actions{gap:22px}.question-strip>p{font-size:25px}}
@media(prefers-reduced-motion:reduce){.journey-thread{stroke-dashoffset:0}.journey-network .journey-core{transform:none;opacity:1}}
.journey-veins{fill:none;stroke:#b8893a;stroke-width:.6;opacity:.53}
@media(min-width:901px) and (max-width:1150px){.hero-copy{display:grid;grid-template-columns:minmax(0,1fr) clamp(115px,13vw,150px);padding:40px 20px 40px var(--gutter)}.hero-message{align-self:center}.hero-message h1{font-size:clamp(42px,4.55vw,54px)}.hero-message .welcome{font-size:9px;letter-spacing:.1em;gap:9px;white-space:nowrap}.hero-message .welcome>span{width:18px}.hero-message .hero-credo{font-size:9px;letter-spacing:.08em}.journey-art{order:0;margin:0;padding:0;border:0;align-self:center}.journey-art .journey-vertical{display:block}.journey-art .journey-horizontal{display:none}}

/* Headline v2: "Start building. Stop procrastinating." — longer word, so slightly smaller type */
.hero-message h1 em{white-space:normal}
.hero-message h1{font-size:clamp(40px,4.3vw,68px)}
@media(min-width:1700px){.hero-message h1{font-size:76px}}
@media(min-width:901px) and (max-width:1150px){.hero-message h1{font-size:clamp(36px,3.9vw,46px)}}
@media(max-width:900px) and (min-width:701px){.hero-message h1{font-size:clamp(40px,5vw,52px)}}
@media(max-width:700px){.hero-message h1{font-size:clamp(40px,11vw,60px)}}
@media(max-width:380px){.hero-message h1{font-size:40px}}

/* Djelato card — matches djelato.com: soft pink/sky/lemon wash, Fredoka type, pink pill */
.djelato-project .dj-visual{background:radial-gradient(420px 260px at 92% -10%,#ff5fa833,transparent 62%),radial-gradient(380px 260px at -8% 18%,#56c5f029,transparent 60%),radial-gradient(360px 220px at 50% 120%,#ffce3d33,transparent 62%),linear-gradient(#fdf4f1,#fbeaf0);color:#2c2218;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}
.djelato-project .dj-visual .project-label{color:#8a5a6e}
.djelato-project .dj-visual .project-arrow{border-color:#e7a9c6;color:#d63d86}
.dj-brand{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:10px}
.dj-scoops{display:flex;gap:6px;margin-bottom:6px}
.dj-scoops i{width:22px;height:22px;border-radius:50%;display:block}
.dj-scoops i:nth-child(1){background:#ff8ac4}.dj-scoops i:nth-child(2){background:#ffe07a}.dj-scoops i:nth-child(3){background:#8fd6f2}
.dj-logo{font:700 58px/1 Fredoka,Nunito,Arial,sans-serif;letter-spacing:-.01em;color:#2c2218}
.dj-sub{font:600 13px/1.3 Fredoka,Nunito,Arial,sans-serif;color:#b04a7c;letter-spacing:.02em}
.dj-q{font:500 19px/1.3 Fredoka,Nunito,Arial,sans-serif;color:#5a4636}
.dj-pill{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:16px;background:linear-gradient(135deg,#ff8ac4,#ff6eb4);color:#fff;font:600 14px/1 Fredoka,Nunito,Arial,sans-serif;box-shadow:0 6px 16px #db095240}
.dj-pill svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2}
@media(max-width:700px){.dj-logo{font-size:48px}.dj-q{font-size:17px}}

.djelato-project .dj-visual{gap:10px;padding-top:34px}
.djelato-project .project-visual img.dj-logo-img{position:static;inset:auto;width:auto;height:auto;max-width:78%;max-height:62%;object-fit:contain;transform:none;filter:drop-shadow(0 6px 14px #b04a7c22)}
.djelato-project:hover .project-visual img.dj-logo-img{transform:scale(1.03)}
.djelato-project .dj-q{font-size:17px}
.djelato-project .dj-pill{padding:10px 18px;font-size:13px}
@media(max-width:700px){.djelato-project .project-visual img.dj-logo-img{max-width:86%}}

/* Prices on service cards */
.service-card{grid-template-rows:auto auto auto 1fr auto}
.service-price{grid-column:2;margin-top:16px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#aaa392;line-height:1.2}
.service-price span{font:400 34px/1 var(--serif);letter-spacing:-.02em;color:var(--gold-light);text-transform:none;margin-right:6px}
.service-price small{font-size:11px;letter-spacing:.12em;color:#c9b88f;margin-right:2px}
@media(max-width:900px) and (min-width:701px){.service-price{grid-column:1}}
@media(max-width:700px){.service-price span{font-size:30px}}

/* Contact form — sends via Netlify Forms (email notification to djinn@djinns.world set in Netlify) */
.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start;border-top:1px solid #a98e5c36}
.contact-intro .eyebrow{margin-bottom:15px}
.contact-intro h2{margin-bottom:22px}
.contact-intro>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#675f53;max-width:420px}
.contact-intro .contact-direct{margin-top:18px;font-size:13px}
.contact-direct a{color:var(--gold);border-bottom:1px solid #9a753566}
.contact-direct a:hover{color:var(--ink)}
.contact-form{display:flex;flex-direction:column;gap:18px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{display:flex;flex-direction:column;gap:8px}
.field>span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#5e574b}
.field input,.field select,.field textarea{font:15px/1.5 DM,Arial,sans-serif;color:var(--ink);background:#fbf8f2;border:1px solid #c9b894;border-radius:0;padding:14px 16px;min-height:50px;width:100%;-webkit-appearance:none;appearance:none}
.field select{background-image:linear-gradient(45deg,transparent 50%,#9a7535 50%),linear-gradient(135deg,#9a7535 50%,transparent 50%);background-position:calc(100% - 20px) 22px,calc(100% - 15px) 22px;background-size:5px 5px;background-repeat:no-repeat;padding-right:40px}
.field textarea{resize:vertical;min-height:130px}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #43503d26}
.contact-trap{position:absolute;left:-9999px}
.contact-send{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:4px}
.contact-send .button{border:0;cursor:pointer}
.contact-note{font-size:13px;color:var(--green)}
@media(max-width:900px){.contact{grid-template-columns:1fr;gap:34px}}
@media(max-width:700px){.field-row{grid-template-columns:1fr}.contact-send .button{width:100%}}


/* Wordmark + small portrait mark (from the Djinn's World logo) */
.brand-lockup{display:flex;align-items:center;gap:12px;flex:none}
.brand-mark{width:auto;height:64px;display:block;margin-top:-6px}
@media(max-width:1150px){.brand-mark{height:58px}}
@media(max-width:700px){.brand-mark{height:52px}}
@media(max-width:380px){.brand-mark{height:44px}.brand-lockup{gap:8px}}

/* ---------- Journal (blog) ---------- */
.journal{padding-top:60px;padding-bottom:80px}
.journal h1{font-size:clamp(40px,4.6vw,66px);letter-spacing:-.035em;line-height:1.08}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 30px}
.journal-card{display:flex;flex-direction:column;gap:18px;color:var(--ink)}
.journal-img{aspect-ratio:3/2;overflow:hidden;background:#e4dccd}
.journal-img img{height:100%;object-fit:cover;transition:transform .6s}
.journal-card:hover .journal-img img{transform:scale(1.04)}
.journal-text{display:flex;flex-direction:column;gap:10px}
.journal-text h2{font-size:26px;line-height:1.2;letter-spacing:-.02em}
.journal-text>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#675f53}
.journal-read{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-top:4px}
.journal-card:hover h2{color:var(--gold)}
.journal-card-lead{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center;padding-bottom:34px;border-bottom:1px solid #a98e5c36}
.journal-card-lead .journal-text h2{font-size:clamp(30px,3vw,44px)}
.journal-card-lead .journal-text>p:not(.eyebrow){font-size:14px;max-width:460px}
@media(max-width:900px){.journal-grid{grid-template-columns:1fr 1fr}.journal-card-lead{grid-template-columns:1fr;gap:20px}}
@media(max-width:700px){.journal-grid{grid-template-columns:1fr;gap:34px}.journal-text h2{font-size:25px}}

/* ---------- Article (single post) ---------- */
.article{padding:48px var(--gutter) 70px}
.article-head{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.article-back{align-self:flex-start;padding:0 0 10px}
.article-head h1{font-size:clamp(38px,4.6vw,62px);line-height:1.08;letter-spacing:-.035em}
.article-hero{max-width:1060px;margin:36px auto 0}
.article-hero img{max-height:620px;object-fit:cover}
.article-body{max-width:680px;margin:44px auto 0;font-size:17px;line-height:1.85;color:#2d2923}
.article-body p{margin:0 0 1.25em;line-height:1.85}
.article-body h2,.article-body h3{font-family:var(--serif);line-height:1.25;letter-spacing:-.02em;margin:1.6em 0 .6em}
.article-body h2{font-size:32px}.article-body h3{font-size:25px}
.article-body .article-point{font-size:24px;color:var(--ink)}
.article-body .article-point strong{font-weight:400}
.article-body strong{font-weight:600}
.article-body a{color:var(--gold);border-bottom:1px solid #9a753566}
.article-body ul,.article-body ol{margin:0 0 1.4em;padding-left:1.3em}
.article-body li{margin-bottom:.4em}
.article-body li::marker{color:var(--gold)}
.article-body blockquote{font:italic 24px/1.5 var(--serif);border-left:2px solid var(--gold);padding-left:20px;margin:1.6em 0}
.article-body hr{border:0;border-top:1px solid #a98e5c55;margin:2.2em 0}
.article-figure{margin:2em 0}
.article-figure figcaption{font-size:12px;color:#7a7163;margin-top:8px}
.article-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:2em 0}
.article-gallery img{aspect-ratio:2/3;object-fit:cover}
.article-cta{max-width:680px;margin:50px auto 0;padding:34px;background:var(--green);color:#f0eadc;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.article-cta .eyebrow{color:#d1b575}
.article-cta-copy{font:26px/1.3 var(--serif)}
.article-cta .button{margin-top:6px;background:#f3eee5;color:var(--ink)}
.article-cta .button:hover{background:#fff}
.article-pager{max-width:680px;margin:40px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #a98e5c36;padding-top:24px}
.article-pager a{display:flex;flex-direction:column;gap:6px;font:19px/1.3 var(--serif);color:var(--ink)}
.article-pager a span{font:10px/1 DM,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.article-pager a:hover{color:var(--gold)}
.pager-next{text-align:right;align-items:flex-end}
@media(max-width:700px){.article{padding-top:34px}.article-body{font-size:16px;margin-top:32px}.article-hero{margin-top:26px}.article-cta{padding:26px}.article-pager{grid-template-columns:1fr}.pager-next{text-align:left;align-items:flex-start}.article-gallery{gap:6px}}
/* Journey drawing sits at a fixed spot beside the headline on wide screens (not pushed to the far right). */
@media(min-width:1151px){.hero-copy{--art:clamp(150px,13vw,185px);grid-template-columns:minmax(0,54%) var(--art);column-gap:clamp(10px,4vw,50px);justify-content:start}.journey-art{margin-top:clamp(0px,1.5vw,28px)}}
@media(min-width:1700px){.hero-copy{--art:190px}}

/* Small line under "Difficult Journeys Inspire New Notions." */
.world-credo .credo-note{display:block;margin-top:10px;font-size:.6em;font-style:italic;line-height:1.35;opacity:.85}
.world-principles b{font-weight:600}
@media(max-width:700px){.world-action-copy{max-width:none;width:100%}.world-action .button{margin-left:0}}
.world-principles>p>span.wp-text{font-size:inherit;color:inherit;line-height:inherit}
@media(max-width:700px){.world-action{justify-content:flex-start}}

/* More connections: three small cards under the two main projects. */
.more-links{margin-top:44px;padding-top:26px;border-top:1px solid #b1976154}
.more-links>.eyebrow{font-size:10.5px;margin-bottom:16px}
.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.more-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 48px 22px 24px;border:1px solid #b1976154;background:#fbf8f266;transition:border-color .2s,background .2s}
.more-card:hover{border-color:var(--gold);background:#fbf8f2}
.more-name{font-family:var(--serif);font-size:24px;line-height:1.15;letter-spacing:-.02em;color:var(--ink)}
.more-desc{font-size:12px;line-height:1.6;color:var(--muted)}
.more-arrow{position:absolute;top:22px;right:22px;color:var(--gold);font-size:14px}
@media(max-width:900px){.more-grid{gap:14px}.more-name{font-size:21px}.more-card{padding:18px 40px 18px 18px}}
@media(max-width:700px){.more-links{margin-top:32px;padding-top:20px}.more-grid{grid-template-columns:1fr;gap:12px}}

/* From the journal: compact editorial teaser after Projects. */
.latest{padding-block:0 64px}
.latest-inner{display:grid;grid-template-columns:minmax(180px,26%) 1fr;gap:40px;border-top:1px solid var(--gold-light);padding-top:30px}
.latest-meta .eyebrow{margin-bottom:10px}
.latest-cat{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);line-height:1.8}
.latest-body{max-width:640px}
.latest-body h2{font-family:var(--serif);font-size:clamp(28px,2.6vw,38px);line-height:1.1;letter-spacing:-.03em;font-weight:400}
.latest-body h2 a{color:var(--ink);transition:color .2s}
.latest-body h2 a:hover{color:var(--gold)}
.latest-body p{font-size:13px;line-height:1.85;color:var(--muted);margin-top:14px}
.latest-link{display:inline-flex;gap:10px;margin-top:16px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid #9a753555;padding-bottom:3px}
.latest-link:hover{border-color:var(--gold)}
@media(max-width:700px){.latest{padding-bottom:44px}.latest-inner{grid-template-columns:1fr;gap:14px;padding-top:24px}.latest-body h2{font-size:28px}}

/* Hero drawing draws itself on arrival (~4s): Challenges → Possibilities → Progress.
   Hidden states live only inside the keyframes, so if animation is off (reduce motion) the drawing just shows. */
@keyframes jw-draw{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
@keyframes jw-fade{from{opacity:0}}
@keyframes jw-grow{from{opacity:0;transform:scale(.4)}}
@keyframes jw-spark{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.35)}100%{opacity:1;transform:scale(1)}}
.journey-tangle path{animation:jw-draw 1.7s cubic-bezier(.45,0,.2,1) .2s both}
.journey-tangle circle{animation:jw-fade .6s ease-out 1.3s both}
.journey-art .journey-thread{animation:jw-draw 2.8s ease-in-out .9s both}
.journey-veins path{animation:jw-draw 2.2s ease-in-out 1.3s both}
.journey-network path{animation:jw-draw 1s ease-out 1.6s both}
.journey-network circle{animation:jw-fade .5s ease-out 2.1s both}
.journey-network .journey-core{animation:jw-spark 1.3s ease-out 2.1s both}
.growth-stem{animation:jw-draw 1.3s ease-out 2.6s both}
.growth-leaves path{transform-box:fill-box;transform-origin:center;animation:jw-grow .8s cubic-bezier(.2,.8,.2,1) 3.3s both}
.growth-leaves path:nth-child(2){animation-delay:3.4s}.growth-leaves path:nth-child(3){animation-delay:3.45s}.growth-leaves path:nth-child(4){animation-delay:3.55s}.growth-leaves path:nth-child(5){animation-delay:3.6s}.growth-leaves path:nth-child(6){animation-delay:3.7s}.growth-leaves path:nth-child(7){animation-delay:3.75s}
.leaf-veins{animation:jw-fade .6s ease-out 3.9s both}
.growth-nodes{animation:jw-fade .6s ease-out 3.7s both}
.journey-labels text{animation:jw-fade .9s ease-out both}
.journey-vertical .journey-labels text:nth-child(3),.journey-horizontal .journey-labels text:nth-child(1){animation-delay:.9s}
.journey-labels text:nth-child(2){animation-delay:2.2s}
.journey-vertical .journey-labels text:nth-child(1),.journey-horizontal .journey-labels text:nth-child(3){animation-delay:3.5s}

/* Soft reveal on scroll (switched on by site.js). */
.reveal-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease var(--rd,0s),transform 1s cubic-bezier(.2,.7,.2,1) var(--rd,0s)}
.reveal-ready .reveal.is-in{opacity:1;transform:none}

/* iPhones zoom in on form boxes with text under 16px, which makes the page slide left and right. 16px stops that. */
.field input,.field select,.field textarea{font-size:16px}
body{overflow-x:hidden}
@supports(overflow:clip){body{overflow-x:clip}}