/* Woven ideas: the second art direction. Base styles retain forms and dialogs. */
@font-face{font-family:Ethiopic;src:url('assets/fonts/noto-ethiopic-numerals.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#252923;--paper:#ede9df;--yellow:#ef692f;--mint:#dce0cb;--line:#25292335;--page:clamp(24px,4vw,80px);--ethiopic:Ethiopic,Nyala,serif}
.geez,.project-index,.service-number,.stamp-star,.disc-numerals,.roots-mark{font-family:var(--ethiopic)}
.site-header{height:94px;background:var(--paper);border-bottom:0}.brand{width:137px}.button{border-radius:0}.header-cta{background:transparent;color:var(--ink);border-bottom:1px solid var(--ink);border-top:0;border-left:0;border-right:0;padding-left:0;padding-right:0}.header-cta:hover{background:transparent;color:var(--ink)}
.hero{background:var(--paper);padding-top:15px}.hero-topline{padding-bottom:26px;border-bottom:1px solid var(--line)}.hero-coordinate{font-size:9px;letter-spacing:.12em}.hero-content{grid-template-columns:1.16fr 1fr;max-width:none;min-height:720px;align-items:center}.hero-copy{padding:30px 0 65px;z-index:4}.hero h1{font-size:clamp(66px,7.6vw,148px);line-height:.98;letter-spacing:-.065em;width:max-content}.hero h1 em{font-family:Georgia,serif;font-weight:400}.hero h1>span:nth-child(2){padding-left:.1em}.hero-highlight::after{display:none}.hero-period{color:var(--yellow)}.hero-description{margin-top:36px;font-size:14px;max-width:375px}.hero-actions{margin-top:28px}.hero-actions .button{background:var(--yellow);border-color:var(--yellow);color:var(--ink);padding:19px 25px}.hero-actions .button:hover{background:var(--ink);color:var(--paper)}
.hero-art{height:670px;margin-left:-75px;margin-right:-15px;perspective:1300px}.art-stage,.art-dots,.orb-wrap{display:none}.heritage-disc{position:absolute;width:560px;height:560px;max-width:100%;left:0;top:36px;background:var(--yellow);border-radius:50%;transform:rotateY(calc(var(--pointer-x)*1deg)) rotateX(calc(var(--pointer-y)*-1deg));transition:transform .6s var(--ease),background .7s var(--ease);box-shadow:inset 0 0 0 1px #25292325}.disc-inner{position:absolute;inset:32px;border:1px solid #25292370;border-radius:50%}.disc-inner::before{content:'';position:absolute;inset:22px;border:1px dashed #25292360;border-radius:50%;animation:disc-turn 80s linear infinite}.disc-inner::after{content:'';position:absolute;inset:65px;border-radius:50%;border:1px solid #25292350}.disc-numerals{position:absolute;inset:0;animation:disc-turn 50s linear infinite;font-size:34px}.disc-numerals span{position:absolute}.disc-numerals span:nth-child(1){top:18px;left:48%}.disc-numerals span:nth-child(2){right:18px;top:46%}.disc-numerals span:nth-child(3){bottom:18px;left:48%}.disc-numerals span:nth-child(4){left:18px;top:46%}.mascot-wrap{width:143%;left:-16%;bottom:45px;z-index:2}.mascot{filter:drop-shadow(0 30px 12px #25292320);animation:float-mascot 7s ease-in-out infinite}.creative-stamp{left:auto;right:8px;bottom:44px;background:var(--ink);color:var(--paper);box-shadow:none;border-color:var(--ink);width:145px;height:145px;font-size:17px;transform:rotate(10deg)}.creative-stamp:hover{box-shadow:none;transform:rotate(-8deg)}.stamp-star{font-size:30px;color:var(--yellow);margin-bottom:7px}.stamp-hint{font-family:var(--body);font-size:8px}.art-note{display:block!important;top:auto;bottom:2px;right:180px;font-size:15px;transform:rotate(-5deg)}.art-edition{position:absolute;top:16px;right:15px;font-size:8px;letter-spacing:.12em;writing-mode:vertical-rl;z-index:3}.hero-art.spinning .heritage-disc{background:#b9c396;transform:rotateY(28deg) rotateZ(12deg)}.hero-art.spinning .creative-stamp{animation:stamp-once 1.4s var(--ease)}.hero-bottom{font-size:10px;padding:24px 0}.creative-strip{background:var(--yellow);color:var(--ink);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:22px 0}.strip-track{gap:60px}.strip-track>span{font-size:32px}.strip-track b{font-family:var(--ethiopic);font-size:32px}
.roots-scene{height:145vh;position:relative;background:var(--ink);color:var(--paper);--unfold:0}.roots-sticky{height:100svh;min-height:640px;position:sticky;top:0;overflow:hidden;display:grid;place-items:center;padding:var(--page)}.roots-meta,.roots-bottom{position:absolute;left:var(--page);right:var(--page);display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.09em;z-index:3}.roots-meta{top:42px}.roots-meta .eyebrow{font-size:10px}.roots-meta .geez{font-size:24px;color:var(--yellow)}.roots-bottom{bottom:35px;border-top:1px solid #ede9df40;padding-top:19px}.roots-copy{text-align:center;position:relative;z-index:2;max-width:750px;padding:60px 0}.roots-copy h2{font-size:clamp(68px,8.7vw,145px);font-weight:500;line-height:1.02;letter-spacing:-.055em}.roots-copy h2 em{font-family:Georgia,serif;color:var(--yellow);font-weight:400}.roots-copy p{max-width:390px;margin:30px auto 0;font-size:14px;line-height:1.85}.roots-mark{display:block;font-size:42px;margin-top:30px;color:var(--yellow)}.woven-field{position:absolute;inset:100px -15% 100px;pointer-events:none}.weave-wing{position:absolute;top:0;bottom:0;width:46%;background:url('assets/web/weave.svg') repeat;background-size:144px;opacity:.45;transition:transform .1s linear;mask-image:linear-gradient(to right,#000,transparent)}.wing-left{left:0;transform:translateX(calc(var(--unfold)*-160px)) rotate(-12deg)}.wing-right{right:0;transform:translateX(calc(var(--unfold)*160px)) rotate(12deg) scaleX(-1)}
.section-space{padding:120px var(--page)}.section-heading{margin-bottom:70px;align-items:flex-start}.section-heading h2,.studio-intro h2{font-size:clamp(60px,6.4vw,110px);line-height:1.02;margin-top:24px;font-weight:500}.section-heading>p{padding-top:50px;max-width:275px}.work-grid{display:block}.project-card{display:grid;grid-template-columns:1.75fr 1fr;gap:6vw;margin-bottom:110px;align-items:end}.project-card:nth-child(even){grid-template-columns:1fr 1.75fr}.project-card:nth-child(even) .project-media{grid-column:2;grid-row:1}.project-card:nth-child(even) .project-caption{grid-column:1;grid-row:1}.project-media{height:560px;border-radius:0;border:0;padding:75px 65px 95px;max-width:100%;overflow:hidden}.project-caption{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:0 0 36px;border-top:1px solid var(--ink);padding-top:26px;position:relative}.project-caption h3{font-size:clamp(35px,3.2vw,60px);font-weight:500;letter-spacing:-.045em;max-width:330px}.project-caption>span{font-size:11px;color:var(--ink);letter-spacing:.025em}.project-caption::after{content:'Explore project ↗';font-size:12px;margin-top:45px;border-bottom:1px solid var(--ink);padding-bottom:8px;pointer-events:none}.project-index{font-size:40px;left:25px;top:18px}.project-vertex{background:#c3cbb9}.project-water{background:#e8b177}.project-ekub{background:#cfd5e4}.project-panastra{background:#d6cfda}.vertex-frame{max-width:610px;padding:15px;border-radius:0;box-shadow:12px 18px 0 #25292325}.project-paper,.panastra-cover{max-width:410px}.ekub-cover{max-width:430px}.project-view{font-size:10px}.project-corner{border-radius:0;width:48px;height:48px;background:var(--paper);bottom:20px;right:20px}.work-footer{margin-top:-45px}.studio-section{background:#dedbce;border:0;grid-template-columns:1fr 1.1fr;padding-top:110px;padding-bottom:120px;gap:7vw}.studio-intro h2{font-size:clamp(50px,5.1vw,88px)}.studio-signature>span{font-family:var(--ethiopic);color:var(--yellow)}.service summary{padding:34px 0;gap:25px}.service-number{font-size:30px;opacity:1;color:#8b4527}.service h3{font-size:clamp(23px,2.1vw,34px)}.service-content{padding-left:52px}.learn-section{background:var(--yellow);padding:115px var(--page);gap:10vw;position:relative}.learn-section::before{content:'';height:22px;background:var(--ink) url('assets/web/weave.svg') repeat-x center/44px;position:absolute;left:0;right:0;top:0}.learn-content h2{font-size:clamp(44px,4.8vw,80px);line-height:1.02}.learning-paper{background:var(--paper);box-shadow:20px 25px 0 #252923;height:580px;width:min(410px,90%);padding:28px;transform:rotate(-10deg) rotateY(12deg)}.learn-art{min-height:650px}.paper-headline{font-size:90px}.paper-headline span{color:var(--yellow)}.paper-bottom b{font-family:var(--ethiopic)}.course-status{font-size:11px}.form-note{color:var(--ink)}.course-form>.button{margin-top:8px}.learn-note{bottom:-5px}.learn-doodle{top:-12px}.contact-section{padding:90px var(--page) 80px}.contact-title-button{padding-top:70px;padding-bottom:70px}.contact-title-button h2{font-size:clamp(64px,9vw,170px)}.contact-title-button .serif-word{color:var(--yellow)}.contact-arrow{font-size:clamp(100px,13vw,210px)}.site-footer{background:var(--paper);border-top:14px solid var(--yellow)}
.offscreen .disc-numerals,.offscreen .disc-inner::before,.document-hidden .disc-numerals,.document-hidden .disc-inner::before{animation-play-state:paused}.motion-paused .weave-wing{transform:none;transition:none}.motion-paused .heritage-disc{transform:none!important}.motion-paused .roots-scene{height:auto}.motion-paused .roots-sticky{position:relative;height:850px}.motion-paused .roots-copy{transform:none!important}
@keyframes disc-turn{to{transform:rotate(360deg)}}
@media(min-width:1800px){.hero-content{min-height:850px}.hero-art{height:780px}.heritage-disc{width:680px;height:680px}.mascot-wrap{bottom:50px}.creative-stamp{right:10%;bottom:55px}.project-media{height:700px}}
@media(max-width:1100px){.hero-content{min-height:640px}.hero h1{font-size:7.7vw}.hero-art{height:560px;margin-left:-65px}.heritage-disc{width:440px;height:440px;top:60px}.mascot-wrap{bottom:40px;width:145%;left:-18%}.creative-stamp{width:115px;height:115px;bottom:15px;right:0;font-size:14px}.stamp-star{font-size:25px}.art-note{right:115px;bottom:-10px;font-size:12px}.hero-actions{gap:20px}.hero-actions .button{padding:16px 18px}.project-media{height:460px;padding:75px 40px 95px}.project-card{gap:5vw;margin-bottom:80px}.project-caption h3{font-size:35px}.project-caption::after{margin-top:20px}.learning-paper{height:490px}.paper-headline{font-size:75px}.learn-art{min-height:570px}.learn-section{gap:7vw}.roots-sticky{min-height:650px}.section-space{padding:90px var(--page)}}
@media(max-width:800px){.hero-actions{align-items:flex-start}.hero-actions .button{font-size:11px}.hero-description{font-size:12px;max-width:290px}.hero-content{min-height:590px}.hero-art{height:500px;margin-left:-50px}.heritage-disc{height:370px;width:370px;top:45px}.creative-stamp{bottom:35px;width:100px;height:100px}.stamp-hint{font-size:6px}.mascot-wrap{bottom:60px}.project-media{height:390px;padding:70px 30px 85px}.project-caption h3{font-size:30px}.project-caption{gap:15px}.project-caption::after{font-size:10px}.learn-section{gap:5vw}.learning-paper{height:440px}.paper-headline{font-size:65px}.learn-art{min-height:500px}.roots-meta>span{font-size:8px}.roots-copy h2{font-size:90px}}
@media(max-width:700px){:root{--page:24px}.site-header{height:80px}.mobile-nav{background:var(--paper);top:79px}.hero{padding-top:12px}.hero-topline{padding-bottom:18px}.hero-topline .eyebrow{font-size:8px;letter-spacing:.065em}.hero-content{display:flex;min-height:0}.hero-copy{padding:28px 0 0}.hero h1{font-size:clamp(43px,11.5vw,78px);line-height:1.02;width:100%}.hero h1>span:nth-child(2){padding-left:0}.hero-description{margin-top:23px;font-size:12px;max-width:330px}.hero-actions{flex-direction:row;align-items:center;gap:22px;margin-top:24px}.hero-actions .button{padding:16px 19px;gap:20px}.hero-art{height:440px;width:100%;max-width:500px;margin:22px 0 0}.heritage-disc{width:340px;height:340px;max-width:95%;left:50%;top:28px;transform:translateX(-50%)}.disc-inner{inset:22px}.disc-inner::before{inset:18px}.disc-inner::after{inset:42px}.disc-numerals{font-size:22px}.disc-numerals span:nth-child(1){top:10px}.disc-numerals span:nth-child(2){right:12px}.disc-numerals span:nth-child(3){bottom:10px}.disc-numerals span:nth-child(4){left:12px}.mascot-wrap{width:138%;left:-19%;bottom:32px}.creative-stamp{right:0;bottom:30px;width:103px;height:103px;font-size:13px;left:auto}.art-note{right:125px;bottom:10px;font-size:12px}.art-edition{top:28px;right:0;font-size:7px}.hero-art.spinning .heritage-disc{transform:translateX(-50%) rotateY(28deg) rotateZ(12deg)}.motion-paused .heritage-disc{transform:translateX(-50%)!important}.hero-bottom{font-size:8px;padding:20px 0}.creative-strip{padding:17px 0}.strip-track>span{font-size:24px}.strip-track{gap:30px}.strip-track b{font-size:23px}.roots-scene{height:auto}.roots-sticky{height:760px;min-height:0;position:relative;padding:var(--page)}.roots-meta{top:28px}.roots-meta>span{display:none}.roots-copy h2{font-size:clamp(54px,14.5vw,88px)}.roots-copy p{font-size:12px;max-width:265px;margin-top:25px}.roots-mark{font-size:35px}.woven-field{inset:80px -50%}.weave-wing{width:43%;background-size:108px;opacity:.45}.roots-bottom{bottom:25px;font-size:7px;gap:15px}.section-space{padding:70px var(--page)}.section-heading h2,.studio-intro h2{font-size:clamp(46px,12vw,72px)}.section-heading{margin-bottom:40px}.section-heading>p{padding:0;margin-top:25px}.project-card,.project-card:nth-child(even){display:flex;flex-direction:column;align-items:stretch;gap:0;margin-bottom:55px}.project-media{height:390px;padding:75px 36px 85px}.project-index{font-size:32px;top:13px;left:20px}.project-caption{margin-top:20px;padding:18px 0 0;gap:12px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}.project-caption h3{font-size:31px;max-width:230px}.project-caption>span{font-size:9px;text-align:right;max-width:100px;padding-top:6px}.project-caption::after{display:none}.project-corner{width:42px;height:42px}.project-view{font-size:9px;max-width:225px;bottom:30px}.work-footer{margin-top:0}.studio-section{display:block}.service-list{margin-top:40px}.service-number{font-size:24px}.service summary{padding:27px 0;gap:20px}.service h3{font-size:24px}.service-content{padding-left:40px}.studio-signature{margin-top:32px}.learn-section{display:flex;flex-direction:column;padding:75px var(--page);gap:55px}.learn-art{min-height:430px;max-width:400px;margin:0 auto}.learning-paper{height:400px;max-width:290px;width:80%;padding:23px;box-shadow:13px 15px 0 var(--ink)}.paper-headline{font-size:60px}.learn-doodle{font-size:78px;right:2px;top:-25px}.learn-note{bottom:-20px;left:5px}.learn-content h2{font-size:46px}.learn-description{font-size:12px}.course-status{font-size:9px}.course-form{margin-top:25px}.contact-section{padding:55px var(--page) 45px}.contact-title-button{padding:42px 0}.contact-title-button h2{font-size:clamp(40px,10.5vw,70px)}.contact-arrow{font-size:65px;margin-top:25px}.contact-email{font-size:20px}.contact-top>span{font-size:9px}.site-footer{border-top-width:8px}.motion-paused .roots-sticky{height:700px}}
@media(max-width:360px){:root{--page:20px}.hero h1{font-size:11.4vw}.hero-actions{gap:15px}.hero-actions .button{padding:13px 14px;font-size:10px}.hero-actions .text-link{font-size:10px}.hero-art{height:350px}.heritage-disc{width:270px;height:270px;top:15px}.mascot-wrap{bottom:25px}.creative-stamp{width:86px;height:86px;bottom:16px;font-size:11px}.stamp-star{font-size:22px;margin-bottom:3px}.art-note{right:97px;font-size:10px}.project-media{height:320px;padding:65px 30px 80px}.project-caption h3{font-size:26px;max-width:165px}.project-caption>span{font-size:8px}.roots-copy h2{font-size:50px}.roots-sticky{height:680px}.learn-content h2{font-size:39px}.contact-title-button h2{font-size:36px}.contact-arrow{font-size:49px}.contact-email{font-size:17px}}
@media(prefers-reduced-motion:reduce){.roots-scene{height:auto}.roots-sticky{position:relative;height:800px}.weave-wing{transform:none!important}.heritage-disc{transform:none!important}.roots-copy{transform:none!important}}
@media(prefers-reduced-motion:reduce) and (max-width:700px){.heritage-disc{transform:translateX(-50%)!important}.roots-sticky{height:700px}}
.project-caption::after{display:none}.project-caption-link{margin-top:21px;font-size:12px;align-self:flex-start}.project-caption-link span{font-size:16px}.learn-note{z-index:2;background:var(--yellow);padding:4px 7px}.learn-section .field input::placeholder{color:#494731}.learn-section .field select{color:var(--ink)}
@media(max-width:700px){.project-caption-link{width:max-content;margin-top:0;flex-basis:auto}.project-caption>span{margin-left:auto}.project-caption h3{flex-basis:65%}.project-caption-link{font-size:11px}.learn-note{bottom:-30px}}
@media(max-width:700px){.woven-field{inset:90px -12%}.weave-wing{width:42%;opacity:.28}.wing-left{transform:rotate(-10deg)}.wing-right{transform:rotate(10deg) scaleX(-1)}}

/* V3: woven text reveals and the paper-scroll identity. The base is fully open;
   only the successfully initialized story controller adds scroll states. */
@font-face{font-family:EthiopicStory;src:url('assets/fonts/noto-ethiopic-story.woff2') format('woff2');font-weight:100 900;font-display:swap}
.amharic{font-family:EthiopicStory,Nyala,serif;font-weight:500;letter-spacing:0}
.hero-coordinate{display:flex;align-items:center;gap:13px}.hero-coordinate .amharic{font-size:19px}
.roots-scene{--curtain:1;--line-one:1;--line-two:1;--story-body:1;--story-kicker:1;height:auto}
.roots-sticky{position:relative;height:auto;min-height:740px;padding:110px var(--page) 125px}
.woven-field{inset:0;z-index:3;overflow:hidden;pointer-events:none}
.weave-wing{top:0;bottom:0;width:52%;opacity:1;mask-image:none;background:var(--ink);transition:none}
.weave-wing::before{content:'';position:absolute;inset:0;background:url('assets/web/weave.svg') repeat center/150px;opacity:.38}
.wing-left{left:-2%;transform:translateX(calc(var(--curtain)*-87%));clip-path:polygon(0 0,100% 0,97% 12%,100% 25%,97% 38%,100% 50%,97% 62%,100% 75%,97% 88%,100% 100%,0 100%)}
.wing-right{right:-2%;transform:translateX(calc(var(--curtain)*87%));clip-path:polygon(0 0,100% 0,100% 100%,0 100%,3% 88%,0 75%,3% 62%,0 50%,3% 38%,0 25%,3% 12%)}
.roots-meta,.roots-bottom{z-index:4}.roots-meta{top:30px}.roots-bottom{bottom:26px;background:var(--ink);padding-top:16px}
.roots-copy{padding:0;max-width:850px;width:100%;z-index:2}.roots-copy h2{font-size:clamp(65px,8vw,126px);line-height:1.05}.story-line{display:block;overflow:hidden;padding:.07em 0 .14em;margin-bottom:-.14em}.story-line>span{display:block}
.roots-kicker{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:27px;opacity:var(--story-kicker)}.roots-kicker .amharic{font-size:34px;color:var(--yellow)}.roots-kicker>span:last-child{font-size:9px;letter-spacing:.13em}
.roots-copy .roots-paragraph{font-size:14px;max-width:380px;opacity:var(--story-body);transform:translateY(calc((1 - var(--story-body))*18px));margin-top:29px}.roots-mark{font-size:35px;margin-top:20px;opacity:var(--story-body)}
.story-ready .roots-line-one{transform:translateY(calc((1 - var(--line-one))*120%))}.story-ready .roots-line-two{transform:translateY(calc((1 - var(--line-two))*120%))}
.weave-chapters{display:flex;gap:28px;align-items:center}.weave-chapters>span{display:flex;align-items:center;gap:9px;font-size:8px;color:#eee9df75}.weave-chapters b{font-size:20px;font-weight:400;color:var(--yellow)}.weave-chapters>span:nth-child(1){color:var(--paper)}.roots-scene[data-chapter="2"] .weave-chapters>span:nth-child(2),.roots-scene[data-chapter="3"] .weave-chapters>span:nth-child(3){color:var(--paper)}
.paper-scene{--paper-open:1;--paper-ink:1;background:#d6d2c5;position:relative}
.paper-sticky{position:relative;min-height:790px;display:grid;place-items:center;padding:95px var(--page) 105px;overflow:hidden}
.paper-scene-meta,.paper-scene-bottom{position:absolute;left:var(--page);right:var(--page);display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.07em;z-index:4}
.paper-scene-meta{top:30px}.paper-scene-meta .eyebrow{font-size:10px}.paper-scene-bottom{bottom:28px;border-top:1px solid #25292330;padding-top:16px}.paper-scene-bottom .text-link{font-size:11px;letter-spacing:0}
.brand-scroll{position:relative;width:min(880px,86vw);height:560px;isolation:isolate;perspective:1200px;transform:rotate(-1.5deg)}
.scroll-sheet{position:absolute;inset:0 15px;background:#f3e8cd;clip-path:inset(calc((1 - var(--paper-open))*48%) 0);box-shadow:inset 0 0 50px #947c4422;border-left:1px solid #a9895940;border-right:1px solid #a9895940}
.scroll-sheet::before{content:'';position:absolute;inset:28px 28px;border:1px solid #a74a3540;border-left:3px double #a74a3570;border-right:3px double #a74a3570;pointer-events:none}.scroll-sheet::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#88775204 0 1px,transparent 1px 4px);pointer-events:none}
.scroll-writing{height:100%;padding:54px 65px 38px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:var(--paper-ink);transform:translateY(calc((1 - var(--paper-ink))*18px))}
.scroll-rubric{display:flex;align-items:center;gap:18px;color:#953d2a;margin-bottom:23px}.scroll-rubric .amharic{font-size:31px}.scroll-rubric>span:last-child{font-size:9px;letter-spacing:.13em}.scroll-writing h2{font-size:clamp(50px,5.8vw,87px);line-height:1.04;font-weight:500;letter-spacing:-.055em}.scroll-writing h2 em{font-family:Georgia,serif;font-weight:400;color:#953d2a}.scroll-writing>p{margin-top:23px;font-size:13px;line-height:1.75}.scroll-colophon{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;border-top:1px solid #a74a3540;margin-top:25px;padding-top:15px;font-size:10px;text-align:left;line-height:1.45}.scroll-colophon>.geez{font-size:33px;color:#953d2a}.scroll-colophon>span:nth-child(2){margin-right:auto}.scroll-signature{font-family:var(--display);font-size:30px;font-weight:600;letter-spacing:-.07em}
.paper-roller{position:absolute;left:0;right:0;height:40px;background:linear-gradient(180deg,#b3a17c 0%,#dfd0ab 10%,#fff5d9 38%,#eee0bf 62%,#b5a17b 95%,#8d795e);border-radius:50% / 18%;box-shadow:0 12px 16px #25292325;z-index:3;pointer-events:none}.paper-roller::before,.paper-roller::after{content:'';position:absolute;top:0;width:22px;height:100%;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,#675841 0 13%,#ccbb98 17% 28%,#8c795a 33% 38%,#eadbbb 43% 61%,#b6a27d 66%);border:1px solid #b09d77}.paper-roller::before{left:-5px}.paper-roller::after{right:-5px}.roller-top{top:calc((1 - var(--paper-open))*48% - 17px)}.roller-bottom{bottom:calc((1 - var(--paper-open))*48% - 17px);transform:rotate(180deg)}
.classroom-scroll{--classroom-open:1;position:relative;width:min(410px,90%);height:580px;transform:rotate(-8deg);isolation:isolate;transition:transform .5s var(--ease)}.learning-paper{width:100%;height:100%;max-width:none;transform:none;box-shadow:none;clip-path:inset(0 0 calc((1 - var(--classroom-open))*100%) 0);background:#f3e8cd;padding:28px 33px;border:0}.learn-art:hover .learning-paper{transform:none}.learn-art:hover .classroom-scroll{transform:rotate(-4deg)}.classroom-roller{position:absolute;left:-10px;right:-10px;top:calc(var(--classroom-open)*100% - 16px);height:32px;border-radius:50% / 18%;background:linear-gradient(#b3a17c,#fff5d9 35%,#ebd9b1 70%,#9c825d);box-shadow:2px 12px 14px #25292335}.classroom-scroll::before{content:'';position:absolute;left:-10px;right:-10px;top:-10px;height:20px;background:linear-gradient(#b3a17c,#fff5d9 35%,#cfb992);border-radius:50% / 18%;z-index:3}.learning-paper .paper-bottom>.amharic{font-size:30px;color:#953d2a}.learning-paper .paper-label{color:#953d2a;border-color:#953d270}.learning-paper .paper-bottom{border-color:#953d270}.learn-note{bottom:-10px}
@media(min-width:701px) and (min-height:701px){.story-ready:not(.motion-paused) .roots-scene{height:190svh}.story-ready:not(.motion-paused) .roots-sticky{position:sticky;top:0;height:100svh;min-height:0;padding:105px var(--page)}.story-ready:not(.motion-paused) .paper-scene{height:180svh}.story-ready:not(.motion-paused) .paper-sticky{position:sticky;top:0;height:100svh;min-height:0;padding:90px var(--page)}.brand-scroll{height:min(560px,66svh)}.scroll-writing{padding:40px 65px 30px}.scroll-writing h2{font-size:clamp(50px,5.8vw,85px)}.scroll-rubric{margin-bottom:18px}.scroll-colophon{margin-top:20px}}
@media(max-width:1100px){.classroom-scroll{height:490px}.learning-paper{width:100%;padding:25px}.scroll-writing{padding:40px 55px}.brand-scroll{width:88vw}.roots-copy h2{font-size:9vw}.roots-copy .roots-paragraph{font-size:13px}}
@media(max-width:800px){.classroom-scroll{height:440px}.roots-kicker .amharic{font-size:28px}.weave-chapters{gap:18px}.weave-chapters>span{font-size:7px}.scroll-writing h2{font-size:57px}.scroll-writing{padding:40px 48px}.scroll-rubric>span:last-child{font-size:8px}}
@media(max-width:700px){.hero-coordinate{display:none}.roots-sticky{min-height:690px;padding:100px 24px 115px}.roots-meta{top:25px}.roots-copy h2{font-size:clamp(47px,12.8vw,76px);line-height:1.07}.roots-copy .roots-paragraph{font-size:12px;max-width:260px}.roots-kicker{flex-direction:column;gap:9px;margin-bottom:25px}.roots-kicker>span:last-child{font-size:8px}.roots-kicker .amharic{font-size:29px}.weave-wing::before{background-size:95px}.roots-bottom{bottom:20px;display:block;padding-top:15px}.weave-chapters{justify-content:space-between;gap:7px}.weave-chapters>span{font-size:6px;gap:6px}.weave-chapters b{font-size:17px}.unfold-cue{display:block;text-align:right;font-size:7px;margin-top:16px}.paper-sticky{min-height:650px;padding:90px 20px 100px}.paper-scene-meta{top:25px;font-size:7px;gap:20px}.paper-scene-meta .eyebrow{font-size:8px;letter-spacing:.05em}.brand-scroll{width:100%;max-width:450px;height:455px;transform:rotate(-1deg)}.scroll-sheet{inset:0 8px}.scroll-sheet::before{inset:18px 12px}.scroll-writing{padding:35px 25px 25px}.scroll-rubric{flex-direction:column;gap:8px;margin-bottom:21px}.scroll-rubric .amharic{font-size:27px}.scroll-rubric>span:last-child{font-size:6px;letter-spacing:.07em}.scroll-writing h2{font-size:clamp(33px,9vw,54px);line-height:1.1}.scroll-writing>p{font-size:11px;line-height:1.75;margin-top:21px;max-width:245px}.scroll-colophon{margin-top:24px;padding-top:16px;font-size:8px;gap:10px}.scroll-colophon>.geez{font-size:25px}.scroll-signature{font-size:22px}.paper-roller{height:29px}.paper-roller::before,.paper-roller::after{width:16px}.roller-top{top:calc((1 - var(--paper-open))*48% - 12px)}.roller-bottom{bottom:calc((1 - var(--paper-open))*48% - 12px)}.paper-scene-bottom{font-size:7px;bottom:24px;gap:20px}.paper-scene-bottom .text-link{font-size:10px}.classroom-scroll{height:410px;max-width:290px;width:80%}.learning-paper{max-width:none;width:100%;height:100%;padding:23px}.learn-art{min-height:450px}.learn-note{bottom:-20px}.paper-headline{font-size:60px}}
@media(max-width:360px){.roots-sticky{min-height:650px}.roots-copy h2{font-size:44px}.weave-chapters>span{font-size:5.5px}.brand-scroll{height:430px}.scroll-writing{padding:30px 25px}.scroll-writing h2{font-size:30px}.scroll-writing>p{font-size:10px}.scroll-rubric>span:last-child{font-size:5.5px}.scroll-colophon{gap:7px}.scroll-colophon>span:nth-child(2){font-size:7px}.paper-sticky{min-height:620px}.paper-scene-meta>span{font-size:6px}.classroom-scroll{height:380px}.paper-headline{font-size:55px}}
/* Pause, reduced motion and enhancement failure expose a composed open story. */
.motion-paused .roots-scene,.motion-paused .paper-scene{height:auto!important;--curtain:1!important;--line-one:1!important;--line-two:1!important;--story-body:1!important;--story-kicker:1!important;--paper-open:1!important;--paper-ink:1!important}.motion-paused .roots-sticky,.motion-paused .paper-sticky{position:relative!important;height:auto!important}.motion-paused .wing-left{transform:translateX(-87%)!important}.motion-paused .wing-right{transform:translateX(87%)!important}.motion-paused .classroom-scroll{--classroom-open:1!important}
@media(prefers-reduced-motion:reduce){.roots-scene,.paper-scene{height:auto!important;--curtain:1!important;--line-one:1!important;--line-two:1!important;--story-body:1!important;--story-kicker:1!important;--paper-open:1!important;--paper-ink:1!important}.roots-sticky,.paper-sticky{position:relative!important;height:auto!important}.wing-left{transform:translateX(-87%)!important}.wing-right{transform:translateX(87%)!important}.classroom-scroll{--classroom-open:1!important}}

/* Restore the approved angled, translucent tibeb fields around the story. */
.woven-field{inset:100px -15%;z-index:1;overflow:visible}
.weave-wing{width:46%;background:url('assets/web/weave.svg') repeat center/144px;opacity:.45;mask-image:linear-gradient(to right,#000,transparent);clip-path:none;transition:none}
.weave-wing::before{display:none}
.wing-left{left:0;transform:translateX(calc(var(--unfold,0)*-160px)) rotate(-12deg)}
.wing-right{right:0;transform:translateX(calc(var(--unfold,0)*160px)) rotate(12deg) scaleX(-1)}
.motion-paused .wing-left{transform:rotate(-12deg)!important}.motion-paused .wing-right{transform:rotate(12deg) scaleX(-1)!important}
.project-panastra{padding:70px 25px 85px}.panastra-cover{width:100%;max-width:none;padding:0;transform:rotate(-2deg);box-shadow:10px 14px 0 #693db41a}
@media(max-width:700px){.woven-field{inset:90px -12%}.weave-wing{width:42%;opacity:.28;background-size:108px}.wing-left{transform:rotate(-10deg)}.wing-right{transform:rotate(10deg) scaleX(-1)}.project-panastra{height:280px;padding:55px 14px 65px}}
@media(prefers-reduced-motion:reduce){.wing-left{transform:rotate(-12deg)!important}.wing-right{transform:rotate(12deg) scaleX(-1)!important}}
