:root{--green:#17362c;--green2:#24483a;--paper:#f1ecdf;--paper2:#e5dfcf;--ink:#203b30;--muted:#687265;--rust:#bf553a;--gold:#d4b77c;--serif:"Iowan Old Style","Palatino Linotype",Georgia,serif;--sans:"Avenir Next","SF Pro Text",system-ui,sans-serif;--pad:clamp(1.2rem,6vw,7rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:400;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}::selection{background:var(--rust);color:#fff}
html:not(.scrollcraft-ready) [data-sc-in],html:not(.scrollcraft-ready) [data-sc-stagger]>*{opacity:1;transform:none}
.masthead{height:76px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;background:var(--green);color:#f5efe2;position:relative;z-index:5}.wordmark{font-size:.77rem;letter-spacing:.13em;font-weight:650}.wordmark span{color:var(--gold);margin:0 .35rem}.masthead nav{display:flex;align-items:center;gap:clamp(1rem,3vw,3rem);font-size:.78rem;color:#d8dfd6}.masthead nav a{transition:color .2s}.masthead nav a:hover{color:var(--gold)}.masthead .nav-contact{border-bottom:1px solid #829287;padding:.5rem 0}.nav-contact b{color:var(--gold);font-size:1rem;margin-left:.45rem}
.hero{min-height:min(760px,calc(100svh - 76px));height:clamp(650px,calc(100svh - 76px),880px);position:relative;overflow:hidden;background:#203d31;color:#f4efe3;isolation:isolate}.hero__wash{position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 73% 49%,#486151 0,transparent 44%),linear-gradient(106deg,#18382d 0%,#203e32 48%,#6b6e52 100%)}.hero__image-wrap{position:absolute;inset:0 0 0 40%;z-index:-1;overflow:hidden;clip-path:ellipse(64% 80% at 62% 48%);opacity:.94}.hero__image{height:100%;width:100%;object-fit:cover;object-position:center 34%;mix-blend-mode:luminosity;filter:sepia(.1) contrast(1.02)}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#17362c 0%,rgb(23 54 44 / .97) 30%,rgb(23 54 44 / .55) 52%,transparent 78%),linear-gradient(0deg,rgb(16 39 31 / .72),transparent 23%)}.hero__copy{position:absolute;left:var(--pad);top:50%;transform:translateY(-47%);width:min(58%,690px);z-index:1}.overline{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:650}.hero .overline{color:#d7c99d;display:flex;gap:.65rem;align-items:center}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--rust);box-shadow:0 0 0 5px rgb(191 85 58 / .15)}h1,h2,h3,p{margin-top:0}.hero h1{font:500 clamp(3.6rem,7.2vw,7.8rem)/.92 var(--serif);letter-spacing:-.055em;margin:1.6rem 0 1.45rem;max-width:10ch}.hero h1 em,.work__heading em,.library__head em,.new-book h2 em,.ai-section h2 em,.quote blockquote em{color:#dfb776;font-weight:400}.hero__intro{font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.65;color:#d2dbd2;max-width:39ch;margin-bottom:2rem}.text-link{display:inline-flex;align-items:center;gap:1.2rem;padding:.5rem 0;border-bottom:1px solid currentColor;font-size:.8rem;font-weight:650;letter-spacing:.035em}.text-link span{font-size:1.25rem;color:var(--rust);transition:transform .2s}.text-link:hover span{transform:translate(3px,2px)}.hero .text-link{color:#f6efe0}.hero__note{position:absolute;right:clamp(4rem,11vw,12rem);top:18%;display:flex;align-items:center;gap:.8rem;z-index:2;color:#fbf4e3;transform:rotate(-7deg)}.hero__note>span{font:italic 3rem var(--serif);color:var(--gold)}.hero__note p{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;line-height:1.4;margin:0}.hero__scribble{position:absolute;z-index:3;right:6.5%;bottom:21%;font:italic clamp(1.15rem,1.8vw,1.8rem) var(--serif);color:#f5d79b;transform:rotate(-11deg)}.hero__scribble span{font:1rem var(--sans)}.hero__vertical{position:absolute;right:1.55rem;top:36%;writing-mode:vertical-rl;font-size:.55rem;letter-spacing:.19em;color:#d4dbc9}.hero__bottom{position:absolute;left:var(--pad);right:var(--pad);bottom:1.45rem;display:flex;justify-content:space-between;color:#b7c2b6;font-size:.58rem;letter-spacing:.16em}
.section-pad{padding:clamp(5rem,10vw,9rem) var(--pad)}.section-label{display:flex;align-items:center;gap:.8rem;color:#77796b;font-size:.68rem;letter-spacing:.08em}.section-label span:first-child{color:var(--rust);font-weight:700}.section-label i{height:1px;width:clamp(30px,6vw,82px);background:#b6b5a4}.intro{min-height:540px;position:relative;display:grid;grid-template-columns:1fr 2.1fr;align-items:start;gap:5vw;background:var(--paper);overflow:hidden}.intro__body{max-width:830px;position:relative;z-index:1}.intro__lead{font:500 clamp(2.2rem,4.3vw,4.8rem)/1.05 var(--serif);letter-spacing:-.04em;max-width:17ch;margin:0 0 2rem}.intro__small{font-size:1rem;color:#697267;line-height:1.8;max-width:49ch;margin-left:clamp(0px,8vw,120px)}.intro__stamp{position:absolute;right:4%;bottom:8%;width:130px;height:130px;border:1px solid #b9b4a1;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#9c9a85;font:italic 2.4rem var(--serif);transform:rotate(12deg);opacity:.8}.intro__stamp span{font:600 .48rem/1.5 var(--sans);letter-spacing:.13em}
.work{background:#e4dfd0;padding-top:6rem;padding-bottom:8rem;position:relative}.work__heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin:3rem 0 5rem}.work__heading h2,.library__head h2{font:500 clamp(3rem,6vw,6.3rem)/.95 var(--serif);letter-spacing:-.05em;margin:0}.work__heading em,.library__head em{color:var(--rust)}.work__heading p{max-width:24ch;color:#687265;line-height:1.6;margin:0 4% 0 0}.work__list{display:grid;grid-template-columns:1.05fr .85fr 1fr;gap:clamp(1.5rem,4vw,4.5rem);align-items:start}.work-item{min-width:0}.work-item--portal{margin-top:8rem}.work-item--books{margin-top:2.5rem}.work-item__visual{height:clamp(285px,34vw,490px);position:relative;display:block;overflow:hidden;background:#cad0bd}.work-item__visual>img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.work-item__visual:hover>img{transform:scale(1.04)}.work-item--viktor .work-item__visual{border-radius:0;background:#263d31}.work-item--viktor .work-item__visual img{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(68%,300px);height:auto;max-height:76%;object-fit:contain;padding:0;mix-blend-mode:normal;filter:drop-shadow(0 18px 24px rgb(0 0 0 / .2))}.visual-caption{position:absolute;left:1rem;bottom:1rem;color:#f7f2e8;font-size:.58rem;letter-spacing:.16em}.round-arrow{position:absolute;right:1rem;top:1rem;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:var(--ink);font-size:1.25rem;transition:transform .25s}.round-arrow:hover{transform:rotate(45deg)}.portal-visual{background:#b1b7a5;display:grid;place-items:center;overflow:hidden}.portal-visual::before,.portal-visual::after{content:"";position:absolute;border:1px solid rgb(244 239 227 / .62);border-radius:50%;width:120%;height:90%;transform:rotate(-28deg)}.portal-visual::after{width:145%;height:105%;transform:rotate(28deg)}.portal-word{position:relative;z-index:1;color:#243d31;text-align:center;font:500 clamp(2.6rem,4.3vw,4.3rem)/.8 var(--serif);letter-spacing:-.06em}.portal-word i{font-size:.63em;letter-spacing:.09em}.books-visual{background:#d0c3a0;display:flex;justify-content:center;align-items:center;gap:1rem;overflow:hidden}.mini-book{width:37%;height:66%;padding:1rem;box-shadow:16px 22px 35px rgb(43 48 35 / .22);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font:500 clamp(1rem,2.1vw,2rem)/1 var(--serif);color:#f4eddc;letter-spacing:.03em}.mini-book small{font:600 .38em var(--sans);letter-spacing:.1em;margin-top:.7rem}.mini-book--one{background:#284232;transform:rotate(-9deg) translateY(8px)}.mini-book--two{background:#964a32;transform:rotate(7deg) translateY(-8px)}.work-item__text{padding:1.5rem .25rem 0}.work-item__text .overline{color:var(--rust);font-size:.61rem}.work-item__text h3{font:500 clamp(2rem,3vw,3.1rem)/.96 var(--serif);letter-spacing:-.04em;margin:.6rem 0 .8rem}.work-item__text p{font-size:.91rem;line-height:1.7;color:#687265;max-width:35ch;margin-bottom:1.1rem}.work-item__text .text-link{font-size:.72rem}
.new-book{background:#183a2f;color:#f4efe3;min-height:790px;padding:clamp(4rem,9vw,8rem) var(--pad);display:grid;grid-template-columns:minmax(300px,.9fr) 1.1fr;align-items:center;gap:clamp(3rem,9vw,9rem);position:relative;overflow:hidden;isolation:isolate}.new-book::before{content:"";position:absolute;z-index:-1;width:60vw;height:60vw;right:-18vw;top:-22vw;border-radius:50%;background:radial-gradient(circle,#365342 0,transparent 70%)}.new-book__grain{position:absolute;inset:0;z-index:-1;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.new-book__image{position:relative;width:min(100%,450px);justify-self:center;filter:drop-shadow(25px 34px 23px rgb(0 0 0 / .24));transform:rotate(-3deg)}.new-book__image img{width:100%;height:auto;max-height:590px;object-fit:contain;border-radius:2px}.book-roundel{position:absolute;right:-31px;top:12%;height:98px;width:98px;border:1px solid #e3c487;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:.52rem;letter-spacing:.14em;line-height:1.5;color:#f5e6bf;transform:rotate(12deg)}.book-roundel b{font:italic 1.1rem var(--serif);letter-spacing:0}.new-book__copy{max-width:630px;position:relative}.section-label--light{color:#c3cabc}.section-label--light i{background:#627467}.new-book__copy>.overline{color:#d6bb80;margin:3.8rem 0 1.1rem}.new-book h2{font:500 clamp(3.8rem,7vw,7.5rem)/.87 var(--serif);letter-spacing:-.06em;margin:0 0 1.5rem}.new-book h2 em{color:#e4ba70}.new-book__subtitle{font:italic 1.25rem/1.5 var(--serif);color:#e4ddcb;max-width:39ch}.new-book__description{font-size:.91rem;line-height:1.8;color:#c7d0c6;max-width:52ch;margin:1.5rem 0 2rem}.book-link{display:inline-flex;align-items:center;gap:2.5rem;padding:.95rem 1.3rem;border-radius:40px;background:#d4b77c;color:#1d392d;font-size:.78rem;font-weight:700}.book-link span{font-size:1rem}.book-note{margin:1rem 0 0;color:#aebbae;font-size:.65rem;letter-spacing:.06em}.new-book__side{position:absolute;right:1.2rem;bottom:2rem;writing-mode:vertical-rl;font-size:.52rem;letter-spacing:.22em;color:#88998a}
.book-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.book-teaser-link{display:inline-flex;align-items:center;gap:.6rem;padding:.45rem 0;border-bottom:1px solid #8b9a8b;color:#e5e7da;font-size:.72rem}.book-teaser-link span{color:#e4ba70;font-size:1rem}.book-teaser-link:hover{color:#e4ba70}
.library{background:#f5f1e7}.library__head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin:2.5rem 0 4rem}.library__head .text-link{margin:0 3% .5rem 0}.library__books{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,3.4vw,3.5rem)}.library-book{display:block;min-width:0;border-top:1px solid #c2beae;padding-top:1.1rem}.library-book img{height:clamp(210px,25vw,330px);width:100%;object-fit:contain;object-position:left center;mix-blend-mode:multiply;transition:transform .35s}.library-book:hover img{transform:translateY(-6px)}.library-book>span{display:block;margin-top:1.2rem;color:var(--rust);font-size:.61rem;text-transform:uppercase;letter-spacing:.12em}.library-book h3{font:500 clamp(1.5rem,2.5vw,2.4rem)/1 var(--serif);margin:.55rem 0}.library-book p{min-height:3rem;max-width:32ch;color:#687265;line-height:1.55;font-size:.82rem;margin-bottom:1rem}.library-book>b{font-size:.68rem;letter-spacing:.04em;border-bottom:1px solid #9fa191;padding-bottom:.4rem}
.ai-section{background:#e5dfcf;display:grid;grid-template-columns:1fr 1fr;min-height:700px;overflow:hidden}.ai-section__portrait{position:relative;min-height:650px;overflow:hidden;background:#b5ad92}.ai-section__portrait img{height:100%;width:100%;object-fit:cover;object-position:center 30%;filter:saturate(.7)}.ai-section__portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgb(20 45 35 / .6),transparent 35%),linear-gradient(90deg,transparent 75%,#e5dfcf)}.ai-caption{position:absolute;left:var(--pad);bottom:2rem;z-index:1;color:white;font-size:.61rem;letter-spacing:.16em}.ai-section__copy{padding:clamp(4rem,8vw,8rem) clamp(2rem,7vw,7rem);align-self:center}.ai-section__copy>.overline{margin:2.7rem 0 1.2rem;color:var(--rust)}.ai-section h2{font:500 clamp(3.3rem,5.5vw,5.8rem)/.95 var(--serif);letter-spacing:-.05em;margin:0 0 1.5rem}.ai-section h2 em{color:var(--rust)}.ai-section__copy>p:not(.overline){font-size:.93rem;line-height:1.75;max-width:47ch;color:#5f6a60}.ai-section__copy .ai-section__honesty{border-left:2px solid var(--rust);padding:.2rem 0 .2rem 1.1rem;margin:1.5rem 0 2rem;font-size:.8rem!important;color:#74776c!important}.ai-section .text-link{font-size:.7rem}
.quote{background:#c4aa78;color:#20392d;position:relative;text-align:center;padding-top:7rem;padding-bottom:7rem;overflow:hidden}.quote::before,.quote::after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgb(32 57 45 / .3);border-radius:50%;top:50%;transform:translateY(-50%)}.quote::before{left:-100px}.quote::after{right:-100px}.quote__mark{font:8rem/.5 var(--serif);color:#f3e9d4;display:block;margin-bottom:1.6rem}.quote blockquote{font:500 clamp(2.1rem,4.5vw,4.5rem)/1.06 var(--serif);letter-spacing:-.04em;margin:0 auto 1.2rem;max-width:22ch}.quote blockquote em{color:#a84531}.quote>p{color:#405145;font-size:.78rem}.quote__link{display:inline-flex;gap:.8rem;align-items:center;margin-top:1rem;font-size:.72rem;font-weight:700;border-bottom:1px solid #65705d;padding-bottom:.45rem}
.footer{background:#17362c;color:#f1ecdf;display:grid;grid-template-columns:1.1fr 1.5fr 1fr;gap:2rem;padding:4rem var(--pad) 2rem;align-items:start}.footer__name{font:500 clamp(2.5rem,5vw,5rem)/.8 var(--serif);letter-spacing:-.05em}.footer__name em{color:#dfb776}.footer__about>span{font-size:.65rem;color:#d5bf8d;letter-spacing:.1em}.footer__about p{max-width:34ch;color:#bdc8bd;font:italic 1.15rem/1.5 var(--serif);margin:1rem 0}.footer nav{display:grid;gap:.65rem;justify-self:end;font-size:.75rem;color:#d3d8ce}.footer nav a:hover{color:#e2bd79}.footer small{grid-column:1/-1;border-top:1px solid #435b4d;padding-top:1.1rem;color:#94a497;font-size:.6rem;letter-spacing:.08em;margin-top:1rem}
@media(max-width:850px){.masthead{height:65px}.masthead nav{gap:1.1rem;font-size:.68rem}.masthead nav a:nth-child(3){display:none}.hero{height:calc(100svh - 65px);min-height:650px}.hero__image-wrap{inset:0 0 0 31%;clip-path:ellipse(78% 72% at 69% 43%)}.hero__copy{width:68%;top:56%}.hero h1{font-size:clamp(3.4rem,9vw,6rem)}.hero__note{right:8%;top:12%}.hero__scribble{bottom:17%;right:6%}.intro{grid-template-columns:1fr;gap:3rem}.intro__body{padding-left:8vw}.intro__stamp{right:4%;bottom:4%;opacity:.45}.work__list{grid-template-columns:1fr 1fr;gap:3rem}.work-item--portal{margin-top:6rem}.work-item--books{grid-column:1/-1;width:60%;margin:0 0 0 auto}.new-book{gap:3rem;grid-template-columns:.85fr 1.15fr}.new-book__image{width:100%}.new-book h2{font-size:clamp(3.3rem,7vw,5.7rem)}.ai-section__copy{padding:4rem 2.5rem}.ai-section__portrait{min-height:600px}.footer{grid-template-columns:1fr 1fr}.footer nav{grid-column:2;grid-row:1/3}}
@media(max-width:600px){:root{--pad:1.25rem}.masthead{height:auto;min-height:64px;align-items:flex-start;gap:1rem;padding-top:1rem;padding-bottom:.8rem}.wordmark{font-size:.67rem;white-space:nowrap;margin-top:.35rem}.masthead nav{gap:.7rem;flex-wrap:wrap;justify-content:flex-end;font-size:.63rem}.masthead nav a:nth-child(1){display:none}.masthead .nav-contact{padding:.35rem 0}.hero{height:780px;min-height:calc(100svh - 64px);max-height:900px}.hero__image-wrap{inset:0 0 0 8%;clip-path:ellipse(83% 62% at 67% 31%);opacity:.74}.hero__image{object-position:center 32%}.hero::after{background:linear-gradient(0deg,#17362c 1%,rgb(23 54 44 / .96) 30%,rgb(23 54 44 / .35) 70%,rgb(23 54 44 / .1)),linear-gradient(90deg,rgb(23 54 44 / .35),transparent)}.hero__copy{left:var(--pad);width:calc(100% - 2*var(--pad));top:auto;bottom:8%;transform:none}.hero h1{font-size:clamp(3.6rem,15vw,5.5rem);margin:1rem 0}.hero__intro{font-size:.95rem;max-width:35ch;margin-bottom:1rem}.hero__note{top:8%;right:12%;transform:rotate(-7deg) scale(.85)}.hero__scribble{bottom:43%;right:4%;font-size:1rem}.hero__vertical{right:.7rem;top:29%;font-size:.47rem}.hero__bottom{bottom:.9rem;font-size:.5rem}.section-pad{padding:4.5rem var(--pad)}.intro{min-height:0}.intro__body{padding-left:0}.intro__lead{font-size:2.5rem}.intro__small{margin-left:0;font-size:.9rem}.intro__stamp{width:84px;height:84px;font-size:1.6rem;right:1rem;bottom:1rem}.intro__stamp span{font-size:.38rem}.work{padding-top:4.5rem;padding-bottom:5rem}.work__heading{display:block;margin:2.4rem 0 3rem}.work__heading h2,.library__head h2{font-size:3.45rem}.work__heading p{margin:1.2rem 0 0;max-width:34ch;font-size:.87rem}.work__list{grid-template-columns:1fr;gap:3.5rem}.work-item--portal,.work-item--books{margin:0;width:100%}.work-item__visual{height:340px}.work-item--viktor .work-item__visual{width:90%;margin:auto}.portal-visual{height:310px}.work-item__text{padding-top:1rem}.work-item__text h3{font-size:2.4rem}.work-item__text p{font-size:.85rem}.new-book{display:flex;flex-direction:column;align-items:stretch;padding:4.5rem var(--pad) 4rem;gap:2.2rem}.new-book__image{width:min(78%,330px);align-self:center;margin:0 1rem 0 0}.book-roundel{height:76px;width:76px;right:-20px;font-size:.44rem}.new-book__copy>.overline{margin:2.4rem 0 .7rem}.new-book h2{font-size:clamp(3.8rem,16vw,5.5rem)}.new-book__subtitle{font-size:1.1rem}.new-book__description{font-size:.86rem}.new-book__side{right:.6rem;bottom:1.3rem;font-size:.42rem}.library__head{display:block;margin:2.2rem 0 2.7rem}.library__head .text-link{margin:1.4rem 0 0}.library__books{grid-template-columns:1fr;gap:2rem}.library-book{display:grid;grid-template-columns:38% 1fr;column-gap:1rem;align-items:start;padding-top:1rem}.library-book img{grid-row:1/5;height:190px;width:100%;object-fit:contain;object-position:left top}.library-book>span{margin-top:.4rem;font-size:.55rem}.library-book h3{font-size:1.5rem}.library-book p{min-height:0;font-size:.75rem;margin-bottom:.6rem}.library-book>b{font-size:.62rem;justify-self:start}.ai-section{grid-template-columns:1fr}.ai-section__portrait{min-height:390px;height:60vw}.ai-section__portrait::after{background:linear-gradient(0deg,rgb(20 45 35 / .55),transparent 45%)}.ai-section__copy{padding:3.5rem var(--pad) 4rem}.ai-section__copy>.overline{margin:2rem 0 .8rem}.ai-section h2{font-size:3.7rem}.ai-section__copy>p:not(.overline){font-size:.86rem}.quote{padding:4.5rem 1.3rem}.quote__mark{font-size:6rem}.quote blockquote{font-size:2.35rem}.quote::before,.quote::after{width:130px;height:130px}.footer{grid-template-columns:1fr 1fr;padding-top:3.5rem}.footer__name{font-size:3rem}.footer__about{grid-column:1/-1;grid-row:2}.footer__about p{font-size:1rem}.footer nav{grid-column:2;grid-row:1;justify-self:end;font-size:.68rem}.footer small{grid-row:3}}

/* KM identity and community links */
.wordmark{display:flex;align-items:center;gap:.75rem;white-space:nowrap}
.wordmark__logo{width:38px;height:38px;border-radius:8px;flex:none}
.wordmark span{color:inherit;margin:0;font-size:.68rem;letter-spacing:.15em}
.community{display:grid;grid-template-columns:minmax(260px,.8fr) 1.2fr;align-items:center;gap:clamp(3rem,8vw,8rem);background:#e8e2d4;min-height:560px}
.community__heading h2{font:500 clamp(3rem,5vw,5.6rem)/.95 var(--serif);letter-spacing:-.05em;margin:2.2rem 0 1.1rem}
.community__heading h2 em{color:var(--rust)}
.community__heading>p{max-width:34ch;color:#687265;line-height:1.7}
.community__groups{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem)}
.community__group{display:grid;align-content:start;gap:.1rem}
.community__group>.overline{color:var(--rust);font-size:.62rem;letter-spacing:.16em;margin-bottom:1rem}
.community__group>a{display:flex;justify-content:space-between;align-items:center;padding:.9rem 0;border-bottom:1px solid rgba(32,59,48,.22);font:500 clamp(1.15rem,1.8vw,1.55rem)/1.15 var(--serif)}
.community__group>a b{font:400 1rem var(--sans);color:var(--rust);margin-left:1rem}
.community__group>a:hover{color:var(--rust)}
.community__group--feature{padding:1.3rem 1.5rem;background:#17362c;color:#f1ecdf;border-radius:2px 42px 2px 42px}
.community__group--feature>.overline{color:#dfb776}
.community__group--feature>a{border-color:#476052}
.community__group--feature>a b{color:#dfb776}
.footer{grid-template-columns:.8fr 1.25fr 1fr 1.1fr}
.footer__about>a{font-size:.7rem;color:#e2bd79;text-decoration:underline;text-underline-offset:4px}
.footer nav[aria-label]{align-self:start}
.footer nav.footer__social{justify-self:start}
.footer nav::before{content:"Otvori";color:#d5bf8d;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.3rem}
.footer nav.footer__social::before{content:"Prati i pridruži se"}
@media(max-width:850px){.community{grid-template-columns:1fr;gap:2.5rem}.footer{grid-template-columns:1fr 1fr}.footer nav[aria-label]{justify-self:start}.footer nav.footer__social{grid-column:2;grid-row:2}.footer nav[aria-label="Projekti i stranice"]{grid-column:1;grid-row:2}.footer__about{grid-column:2;grid-row:1}.footer__name{grid-column:1;grid-row:1}.footer small{grid-row:3}}
@media(max-width:600px){.wordmark{gap:.5rem}.wordmark__logo{width:33px;height:33px}.wordmark span{font-size:.58rem;letter-spacing:.12em}.community{padding-block:3.5rem}.community__groups{grid-template-columns:1fr;gap:1.4rem}.community__group--feature{padding:1.1rem 1.2rem}.footer{grid-template-columns:1fr 1fr}.footer__name{grid-column:1;grid-row:1}.footer__about{grid-column:1/-1;grid-row:2}.footer nav[aria-label="Projekti i stranice"]{grid-column:1;grid-row:3}.footer nav.footer__social{grid-column:2;grid-row:3}.footer small{grid-row:4}}

/* Keep the transparent Viktor orb fully inside a deliberate frame. */
.work-item--viktor .work-item__visual{border-radius:0;background:#263d31}
.work-item--viktor .work-item__visual::before{content:none}
.work-item--viktor .work-item__visual>img{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(68%,300px);height:auto;max-height:76%;padding:0;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 18px 24px rgb(0 0 0 / .2))}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.hero__scribble{transform:none}}

/* Scrollcraft chapter choreography: horizontal work and publication rails. */
.work{padding:0;overflow:clip}
.work__pan-stage,.library__stage{display:flex;align-items:center;overflow:clip}
.work__rail,.library__books{display:flex;height:100%;width:max-content;min-width:100%;align-items:center;gap:clamp(1.5rem,4vw,4.5rem);padding:4.5rem var(--pad)}
.work__intro{flex:0 0 clamp(300px,34vw,470px);align-self:center}
.work__heading{display:block;margin:2.6rem 0 0}
.work__heading h2{font-size:clamp(3.2rem,5.3vw,6rem)}
.work__heading p{margin:1.35rem 0 0;max-width:29ch}
.work-item{flex:0 0 clamp(310px,31vw,430px);align-self:center}
.work-item--portal,.work-item--books{margin:0;width:auto}
.work-item__visual{height:clamp(250px,36svh,390px)}
.work-item__text{padding-top:1.15rem}
.work-item__text h3{font-size:clamp(1.9rem,2.6vw,2.8rem)}
.library{overflow:clip}
.library__books{gap:clamp(1.4rem,3.4vw,3.4rem)}
.library__head{display:block;flex:0 0 clamp(300px,32vw,430px);align-self:center;margin:0}
.library__head h2{font-size:clamp(3.1rem,5.2vw,5.6rem);margin:2.2rem 0 1.8rem}
.library__head .text-link{margin:0}
.library-book{flex:0 0 clamp(280px,28vw,370px);padding-top:1rem}
.library-book img{height:clamp(230px,39svh,400px);width:100%;object-position:center;}
.quote{padding:0;overflow:clip}
.quote__stage{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem var(--pad);}
.quote__mark{color:var(--green)}
.quote__stage blockquote{margin:0}
.ai-section__portrait{overflow:hidden}
.ai-section__portrait img{width:100%;height:110%;object-fit:cover;object-position:center 35%;}

@media(max-width:860px){
  .work__pan-stage,.library__stage{align-items:center}
  .work__rail,.library__books{padding-inline:1.5rem;gap:1.5rem}
  .work__intro{flex-basis:280px}
  .work-item{flex-basis:min(72vw,360px)}
  .work-item__visual{height:clamp(260px,42svh,360px)}
  .library__head{flex-basis:270px}
  .library-book{flex-basis:min(68vw,330px)}
  .library-book img{height:clamp(230px,38svh,330px)}
  .quote__stage{padding-inline:2rem}
}
@media(max-width:600px){
  .work__rail,.library__books{padding:3rem 1.25rem;gap:1rem}
  .work__intro{flex-basis:82vw}
  .work__heading{margin-top:2rem}
  .work__heading h2,.library__head h2{font-size:3.2rem}
  .work-item{flex-basis:83vw}
  .work-item__visual{height:330px}
  .work-item--viktor .work-item__visual{width:100%;height:310px}
  .work-item__text h3{font-size:2.2rem}
  .library__head{flex-basis:80vw}
  .library__head h2{margin:1.8rem 0 1.3rem}
  .library-book{flex-basis:78vw}
  .library-book img{height:245px}
  .quote__stage{padding:4.5rem 1.25rem}
}

/* Use a recognizable portal preview and the real publication covers. */
.portal-visual{display:grid;place-items:center;background:radial-gradient(circle at 85% 15%,rgb(245 239 222 / .5),transparent 34%),#aeb6a4}
.portal-window{position:relative;width:82%;height:76%;padding:1rem 1.05rem .9rem;background:#f2eedf;color:#263d31;border:1px solid rgb(38 61 49 / .2);box-shadow:0 20px 38px rgb(39 46 36 / .18);display:flex;flex-direction:column}
.portal-window__masthead{display:flex;align-items:center;justify-content:space-between;gap:.45rem;padding-bottom:.65rem;border-bottom:1px solid rgb(38 61 49 / .22)}
.portal-window__masthead strong{font:600 .88rem/1 var(--serif);letter-spacing:-.02em}
.portal-window__masthead span,.portal-window__nav,.portal-window__feature>span,.portal-window__footer{font:600 .43rem/1.3 var(--sans);letter-spacing:.1em}
.portal-window__masthead span{color:#ad573e;text-align:right}
.portal-window__nav{display:flex;justify-content:space-between;gap:.35rem;padding:.58rem 0;color:#6e776b;font-size:.39rem}
.portal-window__feature{flex:1;display:flex;flex-direction:column;justify-content:center;padding:.9rem .9rem;background:#263d31;color:#f3eedf}
.portal-window__feature>span{color:#dfbd7e;font-size:.4rem}
.portal-window__feature h4{max-width:11ch;margin:.65rem 0 .4rem;font:500 clamp(1.45rem,2.4vw,2.05rem)/.93 var(--serif);letter-spacing:-.035em}
.portal-window__feature p{margin:0;color:#e0d8c4;font:italic 500 clamp(.76rem,1.2vw,.95rem)/1.3 var(--serif)}
.portal-window__footer{display:flex;justify-content:space-between;padding-top:.68rem;color:#667166;font-size:.4rem}
.books-visual{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 56%,#e1d5b7 0,#d3c6a3 72%,#c5b68c 100%)}
.books-visual__label{position:absolute;top:1.1rem;left:1.2rem;z-index:2;color:#405445;font:600 .53rem/1.2 var(--sans);letter-spacing:.13em}
.books-covers{width:88%;height:70%;display:flex;align-items:center;justify-content:center;gap:.45rem;margin-top:.8rem}
.books-covers img.books-cover{display:block;flex:0 1 27%;width:27%;height:79%;object-fit:contain;box-shadow:0 13px 24px rgb(34 39 31 / .2);transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .45s}
.books-cover--one{transform:translateY(4px)}
.books-covers img.books-cover--two{flex-basis:30%;width:30%;height:90%;z-index:1}
.books-cover--three{transform:translateY(4px)}
.books-visual:hover .books-cover--one{transform:translateY(-3px)}
.books-visual:hover .books-cover--two{transform:translateY(-5px)}
.books-visual:hover .books-cover--three{transform:translateY(-3px)}
.books-visual .visual-caption{color:#f7f2e8}
@media(max-width:600px){
  .portal-window{width:84%;height:76%;padding:.85rem .8rem .75rem}
  .portal-window__masthead strong{font-size:.78rem}
  .portal-window__masthead span{font-size:.37rem}
  .portal-window__nav{font-size:.34rem}
  .portal-window__feature{padding:.7rem}
  .portal-window__feature h4{font-size:1.55rem}
  .books-covers{width:91%;height:67%;gap:.28rem}
  .books-covers img.books-cover{width:27%;height:76%}
  .books-covers img.books-cover--two{width:30%;height:87%}
  .books-visual__label{left:.9rem;top:.9rem;font-size:.47rem}
}

@media(max-width:600px){.hero__scribble{top:31%;bottom:auto;right:9%}}