@font-face{font-family:Atelier;src:url('assets/cormorant-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Atelier;src:url('assets/cormorant-italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
:root{--brown:#4A3427;--ivory:#F4EFE7;--sand:#C4A882;--husk:#A07860}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--brown);background:var(--ivory);font-family:Atelier,Georgia,serif;font-size:23px;line-height:1.4;font-weight:400}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}h1,h2,p,figure{margin:0}h1,h2{font-weight:400;line-height:.94;letter-spacing:-.035em}h2{font-size:clamp(54px,6.2vw,96px)}em{font-weight:400}a:focus-visible{outline:2px solid currentColor;outline-offset:6px}header{display:flex;justify-content:space-between;align-items:center;padding:32px 6%;position:absolute;z-index:9;width:100%}.brand img{width:150px}nav{display:flex;gap:35px;font-size:20px}nav a{padding:7px 0;border-bottom:1px solid transparent}nav a:hover{border-color:var(--husk)}.hero{min-height:820px;height:100svh;max-height:1150px;position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding:140px 8% 80px;gap:5%;overflow:hidden}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(74px,8.1vw,126px);line-height:.91}.hero h1 em{display:inline-block;margin-left:0}.hero-copy p{margin-top:35px;font-size:22px}.hero-frame{height:100%;max-height:770px;width:100%;border-radius:48% 48% 44% 44% / 35% 36% 27% 26%;overflow:hidden;transform:rotate(3deg)}.hero-frame img{height:100%;width:100%;object-fit:cover;object-position:50% 38%;transform:rotate(-3deg) scale(1.04)}.follow{display:inline-flex;align-items:center;gap:28px;margin-top:35px;font-size:20px}.follow span{font-size:28px}.hero-handnote{position:absolute;bottom:36px;right:15%;font-size:22px;font-style:italic;transform:rotate(-5deg)}.coconut-traveller{position:fixed;left:0;top:0;width:160px;height:160px;z-index:6;pointer-events:none;will-change:transform;transform:translate(47vw,65vh) rotate(-20deg);filter:drop-shadow(4px 15px 14px rgba(74,52,39,.15))}.coconut-traveller img{position:absolute;width:100%;height:100%;object-fit:contain}.coconut-traveller .open{opacity:0}.story{height:190svh;min-height:1350px;background:var(--brown);color:var(--ivory);border-radius:50% 50% 0 0 / 70px 70px 0 0;margin-top:20px}.story-stage{height:100svh;min-height:680px;position:sticky;top:0;overflow:hidden}.story-first,.story-reveal{position:absolute;left:12%;top:23%;width:65%}.story-first p,.story-reveal p{margin-top:35px;font-size:25px}.story-reveal{opacity:0}.story-reveal h2{font-size:clamp(62px,7.2vw,110px)}.story-foot{position:absolute;bottom:7%;left:12%;font-style:italic;font-size:23px}.design{padding:160px 10% 120px;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.design-image{border-radius:47% 53% 46% 54% / 35% 35% 65% 65%;overflow:hidden;transform:rotate(-4deg);height:650px}.design-image img{width:100%;height:100%;object-fit:cover;object-position:50% 23%;transform:rotate(4deg) scale(1.07)}.design-copy{align-self:start;padding-top:55px}.design-copy p{margin-top:30px}.coconut-mood{position:absolute;right:13%;bottom:70px;width:230px;height:275px;border-radius:50%;overflow:hidden;transform:rotate(12deg)}.coconut-mood img{width:100%;height:100%;object-fit:cover}.atelier{padding:110px 10% 160px}.atelier-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.atelier-details{padding-bottom:6px}.atelier-details .text-link{margin-top:22px}.sketchbook{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:15%;margin-top:75px}.drawing img{width:100%;height:540px;object-fit:cover;border-radius:45% 45% 6% 6% / 20% 20% 4% 4%}.sketches{margin-top:100px;transform:rotate(7deg)}.sketches img{width:100%;height:470px;object-fit:cover;border-radius:4% 32% 5% 20% / 3% 15% 3% 10%}figcaption{font-size:18px;font-style:italic;margin-top:16px}.hand-note{position:absolute;left:4%;bottom:-55px;transform:rotate(-8deg);font-style:italic;font-size:35px;line-height:1.05}.materials{background:var(--brown);color:var(--ivory);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12%;padding:105px 10%;border-radius:48% 48% 0 0 / 45px 45px 0 0}.materials figure{height:560px;overflow:hidden;border-radius:48% 48% 45% 45% / 32% 32% 28% 28%;transform:rotate(5deg)}.materials img{width:100%;height:100%;object-fit:cover;transform:rotate(-5deg) scale(1.09)}.materials h2{font-size:clamp(48px,5.2vw,78px)}.materials p{margin-top:32px}.about{display:grid;grid-template-columns:1fr 1fr;gap:14%;align-items:center;padding:160px 10%}.about h2{font-size:100px}.about-copy p{margin-top:28px}.about figure{transform:rotate(-3deg)}.about img{width:100%;height:590px;object-fit:cover;object-position:50% 40%;border-radius:48% 48% 46% 44% / 31% 31% 24% 24%}.about figcaption{text-align:center}.text-link{display:inline-block;margin-top:35px;border-bottom:1px solid var(--husk);padding-bottom:7px;font-size:21px}.text-link span{margin-left:20px}footer{position:relative;background:var(--brown);color:var(--ivory);padding:100px 9% 35px;border-radius:50% 50% 0 0 / 60px 60px 0 0}.footer-top{padding-right:16%}.footer-top>p{margin-bottom:35px}.contact-title{font-size:clamp(60px,8vw,115px);line-height:.95;letter-spacing:-.04em;position:relative;display:inline-block}.contact-title span{display:inline-block;font-size:58px;transition:transform .3s}.contact-title:hover span{transform:translate(5px,-5px)}.footer-links{display:flex;justify-content:space-between;gap:25px;margin:65px 0 70px;font-size:22px}.footer-links a{border-bottom:1px solid var(--husk)}.footer-end{border-top:1px solid var(--husk);display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:35px;font-size:18px}.footer-end img{width:135px}.footer-end p{font-style:italic;font-size:23px}.skip{position:fixed;top:-100px;left:20px;z-index:99;padding:12px;background:var(--ivory)}.skip:focus{top:15px}
@media(min-width:1600px){body{font-size:25px}.hero{padding-left:12%;padding-right:12%}.hero-frame{max-width:570px}.hero-copy p{font-size:25px}}
@media(max-width:760px){body{font-size:21px}header{padding:22px 6%;align-items:flex-start}.brand img{width:112px}nav{font-size:18px;gap:4px 18px;max-width:178px;justify-content:flex-end;flex-wrap:wrap}nav a{padding:2px 0}.hero{height:auto;max-height:none;min-height:1080px;padding:148px 8% 65px;display:flex;flex-direction:column;align-items:stretch;gap:40px}.hero h1{font-size:clamp(67px,15.5vw,98px);line-height:.9}.hero h1 em{margin-left:0}.hero-copy p{font-size:21px;margin-top:28px}.follow{margin-top:20px;font-size:19px}.hero-frame{height:440px;width:78%;align-self:flex-end;border-radius:48% 48% 44% 44% / 31% 31% 26% 26%;transform:rotate(4deg)}.hero-frame img{object-position:50% 40%;transform:rotate(-4deg) scale(1.04)}.hero-handnote{right:auto;left:8%;bottom:22px;font-size:21px}.coconut-traveller{width:90px;height:90px}.story{height:170svh;min-height:1150px;border-radius:50% 50% 0 0 / 35px 35px 0 0}.story-stage{min-height:650px}.story-first,.story-reveal{left:9%;top:19%;width:78%}.story h2{font-size:66px}.story-first p,.story-reveal p{font-size:22px;margin-top:28px}.story-foot{left:9%;bottom:9%;font-size:20px;max-width:75%}.design{padding:85px 8% 110px;display:flex;flex-direction:column;gap:45px;align-items:stretch}.design-image{height:470px;width:80%}.design-copy{padding:0 0 0 10%;max-width:90%}h2{font-size:58px}.design-copy p{margin-top:25px}.coconut-mood{width:100px;height:135px;right:4%;bottom:auto;top:435px}.atelier{padding:45px 8% 115px}.atelier-heading{display:block}.atelier-details{margin-top:28px}.atelier h2{font-size:56px}.sketchbook{gap:8%;margin-top:45px}.drawing img{height:290px}.sketches{margin-top:90px}.sketches img{height:260px}figcaption{font-size:17px}.hand-note{font-size:28px;bottom:-60px;left:0}.materials{padding:70px 8%;display:flex;flex-direction:column;gap:50px;align-items:stretch}.materials figure{height:420px;width:84%;align-self:flex-start}.materials h2{font-size:56px}.materials>div{padding-left:7%}.materials p{margin-top:26px}.about{display:flex;flex-direction:column-reverse;padding:85px 8% 95px;gap:48px;align-items:stretch}.about figure{width:84%;align-self:flex-end}.about img{height:430px;object-position:50% 34%}.about h2{font-size:77px}.about-copy p{margin-top:24px}.text-link{font-size:21px}footer{padding:75px 8% 30px;border-radius:50% 50% 0 0 / 30px 30px 0 0}.footer-top{padding-right:0}.contact-title{font-size:clamp(50px,12vw,75px)}.contact-title span{font-size:33px}.footer-links{flex-direction:column;align-items:flex-start;gap:17px;margin:45px 0 55px}.footer-end{flex-wrap:wrap;gap:26px}.footer-end img{width:112px}.footer-end p{font-size:21px}.footer-end>a{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.coconut-traveller{display:none}.story{height:auto;min-height:0}.story-stage{position:relative;height:auto;min-height:0;padding:85px 9%}.story-first,.story-reveal{position:static;width:100%;opacity:1!important;transform:none!important}.story-reveal{margin-top:75px}.story-foot{position:static;margin-top:60px}.contact-title span{transition:none}}

/* A continuous passage from shell to cloth. */
.story{height:155svh;min-height:1050px;--light:0;--details:0;--fibre:0}
.story-stage{isolation:isolate}.story-light{position:absolute;inset:-1px;background:var(--ivory);clip-path:circle(calc(var(--light) * 150%) at 65% 48%);z-index:-1}
.story-first,.story-reveal{left:9%;top:22%;width:52%;z-index:2}.story-first h2 span{display:block;opacity:1;will-change:transform,opacity}.story-first h2{font-size:clamp(64px,6vw,94px)}
.story-reveal{color:var(--brown);top:20%;width:55%}.story-reveal h2{font-size:clamp(60px,6.3vw,98px)}.story-reveal p{font-size:24px;max-width:430px}.story-foot{z-index:2;left:9%;color:inherit}
.story-thread{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;opacity:calc(var(--light) * .7)}.story-thread path{fill:none;stroke:var(--husk);stroke-width:1;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--details));vector-effect:non-scaling-stroke}
.story-details{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:var(--details)}.story-details figure{position:absolute;transform:translateY(calc((1 - var(--details)) * 70px)) rotate(var(--tilt));will-change:transform}.story-details img{width:100%;height:100%;object-fit:cover}.story-details figcaption{color:var(--brown);font-size:19px}.story-cloth{width:22%;height:44%;right:7%;top:13%;--tilt:7deg}.story-cloth img{border-radius:48% 48% 40% 44% / 30% 30% 22% 23%;object-position:50% 89%;transform:scale(1)}.story-sketch{width:17%;height:30%;right:24%;top:57%;--tilt:-9deg}.story-sketch img{border-radius:40% 40% 12% 12% / 18% 18% 6% 6%}
.story-fibres{position:absolute;inset:0;z-index:1;opacity:var(--fibre);pointer-events:none}.story-fibres svg{position:absolute;width:36px;height:110px;left:63%;top:43%;overflow:visible;transform:translate(calc(var(--fibre) * 120px),calc(var(--fibre) * -135px)) rotate(25deg)}.story-fibres svg:nth-child(2){left:54%;top:51%;transform:translate(calc(var(--fibre) * -130px),calc(var(--fibre) * 85px)) rotate(-35deg)}.story-fibres svg:nth-child(3){left:73%;top:56%;transform:translate(calc(var(--fibre) * 45px),calc(var(--fibre) * 125px)) rotate(70deg)}.story-fibres path{fill:none;stroke:var(--sand);stroke-width:1;vector-effect:non-scaling-stroke}
@media(max-width:760px){.story{height:150svh;min-height:1040px}.story-stage{min-height:690px}.story-first,.story-reveal{left:8%;top:10%;width:86%}.story-first h2{font-size:58px}.story-first p{font-size:20px;margin-top:20px}.story-reveal h2{font-size:53px}.story-reveal p{font-size:20px;margin-top:20px}.story-cloth{width:31%;height:28%;right:9%;top:55%}.story-sketch{width:29%;height:24%;right:48%;top:61%}.story-details figcaption{font-size:16px;line-height:1.1;margin-top:10px}.story-foot{left:8%;bottom:4%;font-size:18px;max-width:90%}.story-fibres svg{height:65px;width:22px;top:66%}.story-fibres svg:nth-child(2){top:72%}.story-fibres svg:nth-child(3){top:69%}.story-thread{opacity:calc(var(--light) * .45)}}
@media(prefers-reduced-motion:reduce){.story{height:auto;min-height:0;background:var(--ivory);color:var(--brown)}.story-stage{min-height:0;padding:70px 8%}.story-first,.story-reveal{position:static;width:100%;opacity:1!important}.story-first h2 span{opacity:1!important;transform:none!important}.story-light,.story-fibres,.story-thread{display:none}.story-details{position:relative;display:flex;gap:12%;padding:35px 5% 40px;opacity:1;margin-top:20px}.story-details figure{position:relative;inset:auto;width:44%;height:240px;transform:rotate(var(--tilt))}.story-sketch{margin-top:55px}.story-foot{position:static;margin-top:35px}}

.footer-meta{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.imprint-trigger,.imprint-close{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:8px 0}.imprint-trigger{text-decoration:underline;text-underline-offset:5px}.imprint-trigger:focus-visible,.imprint-close:focus-visible{outline:2px solid currentColor;outline-offset:5px}#imprint{background:var(--ivory);color:var(--brown);border:1px solid var(--sand);border-radius:24px;padding:36px 44px 45px;width:min(480px,calc(100% - 36px));max-height:calc(100svh - 48px);overflow:auto;font:inherit}#imprint::backdrop{background:rgba(74,52,39,.65);backdrop-filter:blur(5px)}#imprint form{display:flex;justify-content:flex-end;margin:0 0 14px}.imprint-close{font-size:19px;min-height:44px}#imprint h2{font-size:58px;margin-bottom:30px}#imprint p{font-size:26px}#imprint dl{margin:25px 0 0}#imprint dt{font-style:italic;font-size:19px;margin-top:20px}#imprint dd{margin:3px 0 0;font-size:24px;overflow-wrap:anywhere}#imprint dd a{text-decoration:underline;text-underline-offset:5px}body:has(#imprint[open]){overflow:hidden}@media(max-width:760px){.footer-meta{width:100%;justify-content:space-between;gap:18px}#imprint{padding:25px 28px 35px}}