/* Paleta elegida: azul, naranja, amarillo, morado y blanco. */
:root{--paper:#eae5dc;--white:#FAFAF2;--blue:#0B2F77;--orange:#FF6A00;--ink:#0B2F77;--purple:#4A0090;--yellow:#FFC400}
.statement-section{isolation:isolate;background:var(--paper)}
.statement-art{display:block}
.about-section{padding-top:0}
.story-scroll-enabled{isolation:isolate;position:relative}
.story-scroll-enabled .story-poster{position:sticky;top:var(--story-top,0px);z-index:var(--story-layer,1);min-height:100svh}
.story-scroll-enabled .story-poster+.story-poster{box-shadow:0 -18px 45px -22px #0009}
.story-scroll-enabled .story-panel{transform-origin:center bottom;transform:translateY(calc(var(--cover-progress,0) * -18px)) scale(calc(1 - var(--cover-progress,0) * .035));opacity:calc(1 - var(--cover-progress,0) * .14)}
@media(prefers-reduced-motion:reduce){
 .story-scroll-enabled .story-poster{position:relative;top:auto;min-height:0;box-shadow:none}
 .story-scroll-enabled .story-panel{transform:none;opacity:1}
}
.wipe{background:var(--purple)}
.about-topline{color:var(--blue);border-color:var(--blue)}
.about-cover{grid-template-columns:1.08fr 1fr;padding:35px 0 70px;min-height:620px}
.about-heading{display:block;position:relative;z-index:3}
.intro-name{font-size:clamp(18px,1.65vw,26px);line-height:1.4;color:var(--blue);margin:0 0 30px;max-width:440px}
.intro-claim{font:900 clamp(55px,7.3vw,118px)/.98 Impact,'Arial Black',Arial,sans-serif;letter-spacing:-.035em;transform:rotate(-3deg);margin:0;color:var(--blue)}
.intro-claim strong{font-weight:900;white-space:nowrap;color:var(--blue);position:relative;isolation:isolate}
.intro-claim strong:before{content:'';position:absolute;inset:13% -2% 0;z-index:-1;background:var(--yellow);transform:rotate(2deg);clip-path:polygon(0 6%,100% 0,98% 92%,2% 100%)}
.intro-doodle{display:block;font:120px/1 Arial,sans-serif;color:var(--orange);margin:16px 0 0 45%;transform:rotate(-15deg)}
.about-portrait{margin-left:-3vw}
.about-portrait>img{max-height:610px;mix-blend-mode:normal}
.portrait-halo{position:absolute;inset:14% -6% 4%;background:var(--orange);border-radius:50% 45% 48% 43%;transform:rotate(-23deg)}
.portrait-sun{color:var(--yellow);top:0;right:-7%;font-size:clamp(140px,19vw,300px);z-index:2;text-shadow:2px 1px 0 var(--blue)}
.story-poster{border:0;padding-bottom:80px}
.poster-topline{border-bottom:1px solid currentColor;padding-bottom:17px}
.story-panel{margin-top:35px;gap:4vw}
.panel-copy{padding:0}
.art-title{margin:0 0 28px;width:100%;max-width:610px;line-height:0;position:relative}
.art-title img{display:block;width:100%;height:auto}
.panel-body{color:inherit;max-width:490px}
.photo-piece{padding:0;background:none;box-shadow:none}
.photo-piece img{height:100%}
.story-canada{background:var(--paper);color:var(--blue)}
.canada-art:before{inset:18% -15% 3% 6%;background:var(--blue);clip-path:polygon(19% 0,100% 8%,91% 100%,0 77%);transform:rotate(-7deg)}
.cold-number{color:var(--blue);z-index:4;top:-1%;right:-1%;font-size:clamp(130px,14.5vw,225px);text-shadow:4px 4px 0 var(--yellow)}
.dot-patch{background-image:radial-gradient(var(--blue) 1.5px,transparent 1.5px);top:27%;left:-4%}
.canada-snow{top:16%;left:10%;width:68%;height:61%;box-shadow:-12px 12px 0 var(--yellow)}
.canada-friends{height:34%;width:96%;left:-4%;bottom:0;box-shadow:10px 10px 0 var(--yellow);overflow:hidden}
.group-crop{position:relative;overflow:hidden;width:100%;height:100%}
.canada-friends .group-crop img{position:absolute;max-width:none;width:220%;height:auto;left:-52%;top:50%;transform:translateY(-40%)}
.ink-star{right:-6%;bottom:25%;color:var(--yellow);text-shadow:2px 3px 0 var(--blue);font-size:160px}
.canada-orbit{position:absolute;inset:8% -5% 14% 1%;border:2px solid var(--blue);border-radius:50%;transform:rotate(-35deg);pointer-events:none}
.story-sport{background:var(--purple);color:var(--paper);padding-top:28px;padding-bottom:95px}
.story-sport:before{opacity:.035;background-size:5px 5px}
.story-sport .poster-topline{color:var(--yellow)}
.story-sport .art-title{transform:rotate(2deg);margin-bottom:28px}
.sport-art{height:800px}
.distance-number{color:var(--orange);font-size:clamp(240px,30vw,490px);left:-6%;top:1%}
.sport-orbit{position:absolute;top:11%;left:0;width:97%;height:57%;border:2px solid var(--yellow);border-radius:50%;transform:rotate(-35deg)}
.runner-cutout{left:-9%;top:5%;width:89%;height:74%;transform:rotate(-6deg)}
.podium-photo{left:-1%;bottom:0;width:91%;height:auto;aspect-ratio:1179/617;transform:rotate(-5deg);z-index:5;border:5px solid var(--yellow);box-shadow:10px 11px 0 var(--orange)}
.podium-photo img{height:100%;object-fit:contain}
.fracture-photo{right:-2%;top:27%;bottom:auto;width:32%;height:31%;transform:rotate(9deg);z-index:4;box-shadow:6px 7px 0 var(--orange)}
.sport-scribble{right:3%;bottom:33%;color:var(--yellow);font-size:105px;transform:rotate(75deg)}
.next-goal{color:var(--yellow);font-size:clamp(36px,4vw,63px)}
.next-goal span:first-child{color:var(--paper)}.next-goal span:last-child{color:var(--orange)}
.story-tech{background:var(--blue);color:var(--white);padding-top:28px;padding-bottom:100px}
.story-tech .poster-topline{color:var(--yellow)}
.type-title{margin:8px 0 38px;font:900 clamp(58px,9vw,136px)/.92 Impact,'Arial Black',Arial,sans-serif;letter-spacing:-.045em;color:var(--white)}
.generated-tech-title{font-size:0;line-height:0;letter-spacing:0}
.generated-tech-title img{display:block;width:100%;height:auto}
.type-composition{display:block;transform:rotate(-3deg)}
.type-top{display:block;transform:scaleY(1.15);transform-origin:left bottom;white-space:nowrap}
.type-mid{display:block;font-size:.68em;margin:.3em 0 .2em;letter-spacing:-.04em;white-space:nowrap;transform:rotate(2deg)}
.type-mid b{display:inline-block;background:var(--yellow);color:var(--blue);padding:.08em .14em;transform:rotate(-6deg);font-size:1.28em;line-height:1}
.type-bottom{display:block;position:relative;font-size:1.25em;letter-spacing:-.055em;color:var(--yellow);transform:scaleY(1.12);transform-origin:left top}
.type-star{position:absolute;font:normal .48em/1 Georgia,serif;color:var(--orange);right:0;top:-.4em;transform:rotate(15deg)}
.story-tech .tech-frame{border-color:var(--yellow)}
.story-tech .tech-arrow{color:var(--orange)}
.story-tech .ink-bars{background:repeating-linear-gradient(90deg,var(--yellow) 0 4px,transparent 4px 10px,var(--yellow) 10px 12px,transparent 12px 18px)}
.story-tech .art-title{transform:rotate(-2deg)}
.tech-disc{inset:4% -14% -2% 0;background:var(--purple);border-radius:0;transform:rotate(15deg);clip-path:polygon(50% 0,59% 18%,78% 5%,77% 27%,100% 25%,86% 43%,100% 56%,78% 62%,88% 85%,65% 78%,57% 100%,44% 81%,24% 98%,25% 75%,0 77%,13% 57%,0 44%,22% 36%,12% 14%,36% 23%)}
.tech-frame{position:absolute;inset:12% 5% 4% -3%;border:2px solid var(--blue);transform:rotate(9deg)}
.project-photo{top:9%;left:5%;width:73%;height:77%;box-shadow:9px 10px 0 var(--blue)}
.company-logo{padding:0;right:-1%;top:2%;box-shadow:7px 8px 0 var(--blue)}
.months-stamp{color:var(--paper);background:var(--purple);box-shadow:6px 6px 0 var(--orange);bottom:-3%}
.tech-arrow{color:var(--blue);bottom:-2%;left:-2%;font-size:135px}
.ink-bars{position:absolute;top:-1%;left:0;width:42%;height:17px;background:repeating-linear-gradient(90deg,var(--blue) 0 4px,transparent 4px 10px,var(--blue) 10px 12px,transparent 12px 18px);transform:rotate(-7deg)}
.about-ending{background:var(--blue);color:var(--paper);border-color:var(--blue)}
.ending-star{color:var(--yellow)}.ending-line strong{color:var(--paper)}
.next-section{background:var(--paper);color:var(--blue)}.next-section em{color:var(--blue)}
@media(max-width:1000px) and (min-width:701px){
 .about-cover{min-height:480px}.intro-claim{font-size:7.1vw}.intro-doodle{font-size:85px}
 .sport-art{height:660px}.fracture-photo{top:24%;height:31%}.art-title{margin-bottom:24px}.cold-number{font-size:15vw}
}
@media(max-width:700px){
 .type-title{font-size:clamp(56px,18vw,110px);margin:20px 0 38px}
 .about-cover{grid-template-columns:1fr;min-height:0;gap:14px;padding:42px 0 50px}
 .about-heading{display:block;grid-row:auto}.intro-name{font-size:20px;margin-bottom:20px}.intro-claim{font-size:clamp(46px,10.7vw,76px)}
 .intro-doodle{position:absolute;font-size:76px;right:0;bottom:-80px;margin:0;z-index:5}
 .about-portrait{grid-row:auto;width:72%;max-width:410px;margin:6px 8% 0 auto}.about-portrait>img{max-height:none}.portrait-sun{font-size:145px;right:-13%;top:0}
 .art-title{max-width:560px;margin:0 auto 22px}.story-sport .art-title{margin-bottom:24px}
 .story-panel{margin-top:25px;gap:30px}.story-poster{padding-bottom:55px}.poster-topline{padding-bottom:15px}
 .cold-number{font-size:clamp(128px,29vw,195px);top:0}.ink-star{font-size:110px;right:-6%;bottom:29%}
 .canada-art{margin-top:12px}.canada-snow{box-shadow:-8px 8px 0 var(--yellow)}.canada-friends{box-shadow:7px 7px 0 var(--yellow)}
 .sport-art{height:clamp(555px,145vw,770px);margin-top:0}.distance-number{font-size:clamp(250px,67vw,400px)}
 .runner-cutout{top:5%;height:72%;left:-7%;width:86%}.podium-photo{width:96%;height:auto;aspect-ratio:1179/617;left:0;border-width:3px;box-shadow:7px 8px 0 var(--orange)}
 .fracture-photo{width:31%;height:32%;top:22%;right:0}.sport-scribble{font-size:82px;bottom:29%;right:0}.next-goal{font-size:44px}
 .project-photo{height:78%;box-shadow:6px 7px 0 var(--blue)}.tech-arrow{font-size:100px}.months-stamp{bottom:-3%}.company-logo{box-shadow:5px 5px 0 var(--blue)}
 .story-tech{padding-bottom:65px}.about-ending{padding-top:48px}
}