:root{--ink:#25231f;--cream:#f4eedf;--sun:#f5bb28;--rust:#d95f35;--rust-text:#ad4322;--orange-light:#f29a62;--blue:#587b8c;--clay:#d9a78d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Space Grotesk,sans-serif}.page-transition{z-index:1000;visibility:hidden;pointer-events:none;position:fixed;inset:0}html[data-page-transition] .page-transition{visibility:visible;pointer-events:auto}.page-transition-panels{grid-template-columns:repeat(5,1fr);height:100%;display:grid;overflow:hidden}.page-transition-panel{background:var(--sun);position:relative;transform:translateY(100%)}.page-transition-panel:before{content:"";background:var(--orange-light);height:12px;position:absolute;inset:0 0 auto}.page-transition-logo{opacity:0;width:clamp(220px,28vw,440px);height:auto;position:absolute;top:calc(50% - clamp(88px,11.2vw,176px));left:calc(50% - clamp(110px,14vw,220px))}html[data-page-transition=arriving] .page-transition-panel{transform:translateY(0)}html[data-page-transition=arriving] .page-transition-logo{opacity:1}html[data-page-transition=arriving] .page-transition{animation:0s 3s forwards transition-safety-release}@keyframes transition-safety-release{to{visibility:hidden;pointer-events:none}}@media (prefers-reduced-motion:reduce){html[data-page-transition] .page-transition{display:none}}a{color:inherit;text-decoration:none}.skip-link{z-index:1100;background:var(--ink);color:var(--cream);padding:12px 18px;position:fixed;top:16px;left:16px;transform:translateY(calc(-100% - 20px))}.skip-link:focus-visible{outline:2px solid var(--sun);outline-offset:3px;transform:none}#main-content{scroll-margin-top:100px}nav a[aria-current=page]{text-underline-offset:4px;text-decoration:underline}.site-header{z-index:20;background:color-mix(in srgb, var(--cream) 92%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid #25231f2b;padding:14px 18px 12px;position:sticky;top:0}.header-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.header-controls{align-items:center;gap:9px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex}.brand-logo{flex:none;width:auto;height:28px;display:block}nav{text-transform:uppercase;border-top:1px solid #25231f2b;flex-direction:column;align-items:stretch;gap:0;margin-top:14px;padding-top:8px;font:400 12px DM Mono,monospace;display:none}nav.is-open{display:flex}nav a{border-bottom:1px solid #25231f2b;padding:13px 2px}.nav-dropdown{border-bottom:1px solid #25231f2b}.nav-dropdown summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;padding:13px 2px;list-style:none;display:flex}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary:after{content:"+";font-size:16px;line-height:1;transition:transform .2s}.nav-dropdown[open] summary:after{transform:rotate(45deg)}.nav-dropdown-menu{padding:0 0 8px 16px;display:grid}.nav-dropdown-menu a{color:#25231fb8;border-bottom:0;padding:10px 2px}.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible{color:var(--rust-text)}.nav-contact{color:var(--rust-text);border-bottom:0}.language-switch{border:1px solid var(--ink);border-radius:99px;padding:3px;display:flex}.language-switch button{width:30px;height:27px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:99px;padding:0;font:500 10px DM Mono,monospace}.language-switch button.active{background:var(--ink);color:var(--cream)}.menu-toggle{border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:99px;width:38px;height:35px;padding:9px}.menu-toggle span{background:var(--ink);width:100%;height:1px;transition:transform .2s;display:block}.menu-toggle span+span{margin-top:6px}.menu-toggle.is-open span:first-child{transform:translateY(3.5px)rotate(45deg)}.menu-toggle.is-open span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.hero{background:var(--cream);border-bottom:1px solid var(--ink);min-height:480px;padding:56px 18px 24px;position:relative;overflow:hidden}.hero-title-group{z-index:2;width:fit-content;max-width:100%;display:flow-root;position:relative}.hero h1{z-index:2;letter-spacing:-.06em;white-space:nowrap;margin:64px 0 40px;font-size:clamp(46px,14vw,64px);font-weight:650;line-height:.95;position:relative}.hero-foot{z-index:2;justify-content:space-between;align-items:center;gap:18px;padding:4px;display:flex;position:relative}.hero-banner{z-index:2;width:100%;max-width:100%;color:var(--ink);letter-spacing:.08em;text-transform:uppercase;background:0 0;flex-direction:column;gap:16px;margin:0 0 36px;padding:0;font:500 12px DM Mono,monospace;list-style:none;display:flex;position:relative}.hero-banner li{background:var(--cream);border:1px solid var(--ink);text-align:center;white-space:nowrap;box-shadow:4px 4px #25231f1c}.hero-banner a{color:inherit;padding:12px 14px;text-decoration:none;transition:background-color .2s;display:block}.hero-banner a:hover{background:color-mix(in srgb, var(--sun) 14%, transparent)}.hero-banner a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.hero-banner li:first-child{transform:rotate(-1.5deg)}.hero-banner li:nth-child(2){color:var(--rust-text);transform:rotate(1deg)}.hero-banner li:nth-child(3){transform:rotate(-.5deg)}.hero-foot>p{max-width:30ch;margin:0;font-size:17px;line-height:1.3;display:none}.round-link{--round-link-rotation:-4deg;z-index:3;aspect-ratio:1;background:var(--orange-light);text-align:center;text-transform:uppercase;width:100px;transform:rotate(var(--round-link-rotation));pointer-events:auto;visibility:visible;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;font:500 9px/1.3 DM Mono,monospace;display:flex;position:absolute;bottom:-12%;left:-35%}.round-link b{font-size:19px;font-weight:400}.orbit{z-index:1;pointer-events:none;border:1px solid #25231f3d;border-radius:50%;position:absolute}.orbit-one{aspect-ratio:1;width:62vw;display:none;top:132px;right:-46vw}.orbit-two{aspect-ratio:1;opacity:.82;background:0 0;border:0;width:38vw;top:284px;right:-15vw}.orbit-two:before{content:"";background:var(--sun);transform-origin:inherit;border-radius:50%;position:absolute;inset:0}.work{padding:78px 18px 96px}.section-head{margin-bottom:48px;display:grid}.section-head h2,.about h2{letter-spacing:-.055em;margin:0;font-size:clamp(42px,13vw,60px);line-height:.96}.project-grid{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:18px;padding-bottom:8px;scroll-padding-inline:0;display:flex;overflow-x:auto}.project-grid::-webkit-scrollbar{display:none}.project{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 82vw}.project[hidden]{display:none}.project-link{color:inherit;text-decoration:none;display:block}.project-art{border:1px solid #000;place-items:center;min-height:340px;display:grid;position:relative;overflow:hidden}.project-sun .project-art{background:var(--sun)}.project-clay .project-art{background:var(--clay)}.project-blue .project-art{background:var(--blue)}.art-card{aspect-ratio:.72;background:var(--cream);border:1px solid var(--ink);place-items:center;width:48%;display:grid;transform:rotate(-6deg);box-shadow:10px 12px #25231f1c}.project-clay .art-card{border-radius:0;overflow:hidden;transform:rotate(5deg)}.project-clay .art-card img{object-fit:cover;width:100%;height:100%;display:block}.project-clay .art-card.stationery-card{aspect-ratio:1241/1749;width:46%;position:absolute}.project-clay .stationery-card--back{top:45%;left:7%;transform:translateY(-50%)rotate(-8deg)}.project-clay .stationery-card--front{top:55%;right:7%;transform:translateY(-50%)rotate(5deg)}.project-sun .art-card{overflow:hidden}.project-sun .art-card picture{width:100%;height:100%;display:block}.project-sun .art-card img{object-fit:cover;object-position:top center;transform-origin:top;width:100%;min-width:0;height:100%;min-height:0;display:block;transform:scale(1.1)}@media (width<=759px){.project .art-card{width:90%}.project-sun .art-card img{transform:none}}.project-blue .art-card{aspect-ratio:1.7;background:var(--ink);width:58%;color:var(--cream);transform:rotate(-2deg)}.art-card span{letter-spacing:-.05em;font-size:clamp(20px,8vw,36px);font-weight:700}.project-meta{padding-top:13px}.project-meta h3{margin:0;font-size:24px}.project-meta p{text-transform:uppercase;letter-spacing:.06em;margin:5px 0 0;font:400 10px DM Mono,monospace}.services{background:var(--sun);border-top:1px solid var(--ink);padding:78px 18px 96px}.services-intro{gap:22px;margin-bottom:64px;display:grid}.services-intro h2{letter-spacing:-.055em;max-width:10ch;margin:0;font-size:clamp(42px,13vw,60px);line-height:.96}.services-intro p{max-width:38ch;margin:0;font-size:18px;line-height:1.4}.services-choices{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:18px;padding-bottom:8px;scroll-padding-inline:0;display:flex;overflow-x:auto}.services-choices::-webkit-scrollbar{display:none}.service-choice{border:1px solid var(--ink);scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 82vw;grid-template-rows:1fr auto;min-height:480px;display:grid}.service-choice-web,.service-choice-branding,.service-choice-print{background:var(--cream)}.service-choice-toggle{width:100%;color:var(--ink);text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;grid-template-rows:minmax(220px,1fr) auto;padding:24px;display:grid}.service-choice-toggle:focus-visible,.detail-back:focus-visible{outline:2px solid var(--ink);outline-offset:-6px}.service-visual{width:min(76%,300px);margin:auto;display:block;position:relative}.web-visual{aspect-ratio:1.35;background:var(--cream);border:1px solid var(--ink);transform:rotate(-3deg);box-shadow:10px 12px #25231f24}.browser-bar{border-bottom:1px solid var(--ink);height:12%;display:block}.browser-bar:before{content:"•••";letter-spacing:3px;font:500 10px DM Mono,monospace;position:absolute;top:2%;left:5%}.browser-title,.browser-copy,.browser-button{background:var(--ink);display:block;position:absolute;left:10%}.browser-title{width:57%;height:9%;top:31%}.browser-copy{width:72%;height:3%;top:47%;box-shadow:0 9px #25231f,0 18px #25231f}.browser-button{background:var(--sun);border:1px solid var(--ink);border-radius:99px;width:25%;height:11%;bottom:13%}.branding-visual{aspect-ratio:1.35}.branding-card{aspect-ratio:1.55;border:1px solid var(--ink);width:74%;display:block;position:absolute;top:26%;left:13%}.branding-card-back{background:var(--blue);transform:translate(14px,-12px)rotate(6deg)}.branding-card-front{background:var(--cream);transform:rotate(-4deg);box-shadow:9px 11px #25231f1c}.branding-mark{aspect-ratio:1;background:var(--sun);border-radius:50% 45% 52% 48%;width:22%;position:absolute;top:20%;left:9%}.branding-name{background:var(--ink);width:42%;height:8%;position:absolute;bottom:22%;right:9%;box-shadow:0 12px #25231f}.print-visual{aspect-ratio:1.35}.paper-sheet{aspect-ratio:.72;border:1px solid var(--ink);width:52%;display:block;position:absolute;top:8%;left:24%}.paper-sheet-back{background:var(--rust);transform:translate(18px,-8px)rotate(8deg)}.paper-sheet-front{background:var(--cream);transform:rotate(-5deg);box-shadow:9px 11px #25231f1c}.paper-sun{aspect-ratio:1;background:var(--sun);border-radius:50%;width:34%;position:absolute;top:20%;left:50%;transform:translate(-50%)}.paper-line{background:var(--ink);width:56%;height:2px;box-shadow:0 9px 0 var(--ink);position:absolute;bottom:22%;left:22%}.service-choice-copy{gap:12px;display:grid}.service-choice-copy strong{letter-spacing:-.05em;font-size:38px;line-height:1}.service-choice-copy>span:not(.service-explore){max-width:38ch;line-height:1.4}.service-explore{letter-spacing:.06em;text-transform:uppercase;margin-top:10px;font:500 10px DM Mono,monospace}.service-offers{background:var(--cream);padding:72px 18px 88px}.offer-grid{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:18px;padding-bottom:8px;scroll-padding-inline:0;display:flex;overflow-x:auto}.offer-grid::-webkit-scrollbar{display:none}.offer-card{background:var(--cream);border:1px solid var(--ink);scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;flex:0 0 82vw;min-width:0;min-height:290px;padding:24px;display:flex}.offer-card:nth-child(2){background:var(--sun);color:var(--ink)}.offer-card:nth-child(3){background:var(--cream);color:var(--ink)}.offer-card:nth-child(4){background:var(--sun)}.offer-card h2{letter-spacing:-.045em;margin:0;font-size:34px;line-height:1}.offer-card p{max-width:48ch;margin:16px 0 0;line-height:1.5}.offer-card strong{width:fit-content;color:var(--ink);text-transform:uppercase;margin-top:auto;padding-top:32px;font:500 15px DM Mono,monospace;display:block}.offer-card strong[hidden]{display:none}.offer-card:nth-child(2) strong,.offer-card:nth-child(3) strong,.offer-card:nth-child(4) strong{color:var(--ink)}.offers-other{background:var(--ink);color:var(--cream);gap:12px;margin-top:28px;padding:28px;display:grid}.offers-other h2{color:var(--sun);letter-spacing:-.04em;margin:0;font-size:28px}.offers-other p{max-width:58ch;margin:0;line-height:1.5}.process-intro{z-index:2;gap:22px;margin-bottom:56px;display:grid;position:relative}.process-intro h2{letter-spacing:-.055em;max-width:13ch;margin:0;font-size:clamp(40px,12vw,60px);line-height:.96}.process-intro p{max-width:46ch;margin:0;font-size:18px;line-height:1.45}.process-grid{z-index:2;gap:0;margin:0;padding:0;list-style:none;display:grid;position:relative}.process-grid:before{content:"";background:var(--ink);width:1px;position:absolute;top:22px;bottom:22px;left:22px}.process-step{grid-template-columns:54px 1fr;gap:10px 16px;padding:0 0 44px;display:grid;position:relative}.process-step>span{z-index:1;aspect-ratio:1;background:var(--sun);border:1px solid var(--ink);border-radius:50%;align-self:start;place-items:center;width:46px;font:500 11px DM Mono,monospace;display:grid;position:relative}.process-step h3{letter-spacing:-.04em;align-self:center;margin:0;font-size:26px;line-height:1.05}.process-step p{grid-column:2;max-width:54ch;margin:0;line-height:1.5}.services-note{border-top:1px solid var(--ink);gap:22px;margin-top:60px;padding-top:22px;display:grid}.services-note p{max-width:62ch;margin:0;font:400 11px/1.55 DM Mono,monospace}.services-note a{border-bottom:1px solid var(--ink);width:fit-content;font-weight:650}.service-detail{min-height:calc(100vh - 70px)}.detail-hero{isolation:isolate;border-bottom:1px solid var(--ink);gap:48px;padding:40px 18px 72px;display:grid;position:relative;overflow:hidden}.detail-hero>:not(.logo-pattern){z-index:1;position:relative}.logo-pattern{z-index:-1;pointer-events:none;grid-template-columns:repeat(auto-fill,minmax(clamp(100px,9vw,150px),1fr));grid-auto-rows:clamp(100px,9vw,150px);display:grid;position:absolute;inset:-24px;overflow:hidden}.logo-pattern-tile{opacity:calc(.07 + var(--logo-proximity,0) * .2);transform:rotate(var(--logo-rotation));background:url(/huis_taiyo_logo_d95f35.svg) 50%/78% no-repeat;transition:opacity .18s}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.logo-pattern-tile{transform:rotate(var(--logo-rotation)) scale(calc(1 + var(--logo-proximity,0) * .18));transition:opacity .18s,transform .18s}}.service-detail-web .detail-hero,.service-detail-branding .detail-hero,.service-detail-print .detail-hero{background:var(--cream)}.detail-back{letter-spacing:.06em;text-transform:uppercase;width:fit-content;font:500 10px DM Mono,monospace}.detail-hero h1{letter-spacing:-.06em;margin:0;font-size:clamp(54px,16vw,86px);line-height:.9}.detail-hero .service-visual{width:min(76%,330px)}.detail-process{background:color-mix(in srgb, var(--sun) 18%, var(--cream));padding:72px 18px 88px;position:relative;overflow:hidden}.detail-process:after{content:"";aspect-ratio:5/4;opacity:.065;pointer-events:none;background:url(/huis_taiyo_logo_d95f35.svg) 50%/contain no-repeat;width:min(82vw,430px);position:absolute;bottom:-12px;right:-24px;transform:rotate(-7deg)}.detail-process>*{z-index:1;position:relative}.detail-process:before{content:"";aspect-ratio:1;border:1px solid #25231f2e;border-radius:50%;width:430px;position:absolute;top:-180px;left:-230px}.about{background:var(--ink);color:var(--cream);padding:78px 18px;position:relative;overflow:hidden}.about:before,.about-story:before{content:"";aspect-ratio:5/4;opacity:.12;pointer-events:none;background:url(/huis_taiyo_logo_d95f35.svg) 50%/contain no-repeat;width:min(82vw,430px);position:absolute;bottom:-22px;right:-24px;transform:rotate(8deg)}.about-copy{z-index:1;gap:46px;margin-top:0;display:grid;position:relative}.about h2 em{color:var(--rust);font-family:Georgia,serif;font-weight:400}.about-copy>div{font-size:18px;line-height:1.45}.about-copy a{border-bottom:1px solid var(--sun);color:var(--sun);margin-top:20px;display:inline-block}.about-page-hero{border-bottom:1px solid var(--ink);gap:46px;padding:64px 18px 80px;display:grid}.about-page-heading h1{letter-spacing:-.06em;max-width:11ch;margin:0;font-size:clamp(52px,15vw,82px);line-height:.92}.about-page-heading p{max-width:38ch;margin:28px 0 0;font-size:19px;line-height:1.4}.taiyo-photo{background:var(--sun);border:1px solid var(--ink);margin:0;position:relative;transform:rotate(1.5deg);box-shadow:10px 12px #25231f1c}.taiyo-photo img{aspect-ratio:4/3;object-fit:cover;object-position:center 48%;width:100%;height:auto;display:block}.about-story{background:var(--ink);color:var(--cream);gap:38px;padding:80px 18px;display:grid;position:relative;overflow:hidden}.about-story>*{z-index:1;position:relative}.about-story h2,.about-approach h2,.about-contact h2{letter-spacing:-.05em;margin:0;font-size:clamp(38px,11vw,62px);line-height:.96}.about-story-copy{gap:22px;max-width:58ch;font-size:18px;line-height:1.5;display:grid}.about-story-copy p{margin:0}.about-approach{background:var(--clay);padding:80px 18px}.about-approach ol{gap:0;margin:46px 0 0;padding:0;list-style:none;display:grid}.about-approach li{border-top:1px solid var(--ink);padding:20px 0;font-size:18px;line-height:1.4}.about-approach li:last-child{border-bottom:1px solid var(--ink)}.about-contact{background:var(--sun);gap:38px;padding:80px 18px;display:grid}.about-contact p{max-width:42ch;margin:24px 0 0;font-size:18px;line-height:1.45}.about-contact>a{border-bottom:1px solid var(--ink);align-self:end;width:fit-content;padding-bottom:4px;font-size:18px;font-weight:650}footer{background:var(--ink);color:var(--cream);text-transform:uppercase;border-top:1px solid #f4eedf4f;flex-wrap:wrap;justify-content:space-between;gap:15px;padding:24px 18px;font:400 9px DM Mono,monospace;display:flex}footer:before{content:"";background:url(/huis_taiyo_logo_d95f35.svg) 50%/contain no-repeat;flex:none;width:28px;height:22px;display:none}footer>span,footer>span:first-child{display:inline}footer>span:nth-child(2){display:none}@media (width<=759px){.hero .round-link{left:-20%}.offers-other{width:82vw;margin-inline:auto}.project-grid,.services-choices,.offer-grid{margin-inline:-18px;padding-inline:8px 9vw;scroll-padding-inline:8px}.project,.service-choice,.offer-card{scroll-snap-align:center}.project:first-child,.service-choice:first-child,.offer-card:first-child{scroll-snap-align:start}}@media (width>=760px){.site-header{justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.header-top,.header-controls{display:contents}.brand{font-size:20px}.brand-logo{height:32px}nav{border:0;flex-direction:row;order:2;justify-content:flex-start;align-items:center;gap:32px;margin:0 84px 0 auto;padding:0;font-size:12px;display:flex}nav a{border:0;padding:0}.nav-dropdown{border:0;position:relative}.nav-dropdown summary{padding:0}.nav-dropdown summary:after{content:"↓";font-size:11px}.nav-dropdown[open] summary:after{transform:rotate(180deg)}.nav-dropdown-menu{background:var(--cream);border:1px solid var(--ink);width:max-content;min-width:210px;padding:8px;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%);box-shadow:7px 7px #25231f1a}.nav-dropdown-menu a{padding:10px 12px}.nav-contact{border:1px solid var(--ink);color:inherit;border-radius:99px;padding:8px 11px}.language-switch{order:3}.menu-toggle{display:none}footer{grid-template-columns:auto auto 1fr auto auto;align-items:center;display:grid;position:relative}footer:before{grid-column:1;width:46px;height:34px;display:block}footer>span,footer>span:first-child{display:inline}footer>span:nth-child(2){text-align:center;display:inline;position:absolute;left:0;right:0}footer>span:first-child{grid-column:2}footer>span:nth-child(3){grid-column:5}.detail-process:after{opacity:.065;width:min(58vw,620px);bottom:-35px;right:-90px}.about:before,.about-story:before{opacity:.12;width:min(70vw,620px);bottom:-80px;right:-90px}.hero{--hero-content-width:min(1280px, calc(100vw - 64px));--hero-column-gap:clamp(48px, 5vw, 80px);--hero-orbit-left:max(calc(50% - var(--hero-content-width) / 2 + (var(--hero-content-width) - var(--hero-column-gap)) * .575 + var(--hero-column-gap) + 24px), calc(100% - min(46.8vw, 786.24px)));grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-content:center;justify-items:start;gap:clamp(36px,5vh,60px) clamp(48px,5vw,80px);min-height:clamp(620px,84svh - 74px,820px);padding:clamp(48px,6vh,72px) max(32px,50vw - 640px);display:grid}.hero-title-group{grid-area:1/1;width:fit-content}.hero h1{max-width:100%;margin:0 0 clamp(40px,5vh,60px);font-size:clamp(68px,8.5vw,132px)}.hero-foot{grid-area:2/1;align-items:flex-end;padding:0;position:static}.hero-banner{flex-direction:column;gap:18px;width:100%;margin-bottom:0;font-size:clamp(14px,1.15vw,17px)}.hero-banner a{padding:17px 24px}.hero-banner li:nth-child(2){position:relative;top:4px}.hero-foot>p{text-align:left;max-width:34ch;font-size:clamp(20px,2.2vw,29px);display:block}.round-link{--round-link-rotation:4deg;z-index:3;width:150px;margin-right:0;font-size:11px;position:absolute;inset:calc(50% - 75px) auto auto 14%}.orbit-one{width:min(60vw,1008px);left:var(--hero-orbit-left);transform-origin:0;display:block;position:absolute;top:calc(50% - min(30vw,504px));right:auto}.orbit-two{width:min(42vw,705.6px);left:calc(var(--hero-orbit-left) + min(9vw, 151.2px));transform-origin:0;position:absolute;top:calc(50% - min(21vw,352.8px));bottom:auto;right:auto}.work{padding:110px 32px 140px}.section-head{grid-template-columns:1fr;margin-bottom:70px}.section-head h2{grid-column:1}.section-head h2,.about h2{font-size:clamp(46px,6vw,88px)}.project-grid{scroll-snap-type:none;grid-template-columns:1.25fr .75fr;gap:70px 24px;padding-bottom:0;display:grid;overflow:visible}.project{min-width:0}.project:nth-child(3){grid-column:1/-1;width:74%;margin-left:auto}.project-art{height:clamp(480px,42vw,620px);min-height:0}.project-meta{justify-content:space-between;align-items:baseline;display:flex}.project-meta p{margin:0}.services{padding:110px 32px 120px}.services-intro{grid-template-columns:1fr 1.5fr;align-items:end;margin-bottom:82px}.services-intro h2{font-size:clamp(46px,6vw,88px)}.services-intro p{font-size:21px}.services-choices{scroll-snap-type:none;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:0;display:grid;overflow:visible}.service-choice{min-width:0;min-height:540px}.service-choice-toggle{padding:32px}.service-choice-copy strong{font-size:44px}.service-offers{padding:110px 6vw 120px}.offer-grid{scroll-snap-type:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1180px;margin:0 auto;padding-bottom:0;display:grid;overflow:visible}.offer-card{width:auto;min-height:380px;padding:32px}.offer-card h2{font-size:clamp(34px,3.2vw,48px)}.offer-card p{font-size:18px}.offers-other{grid-template-columns:.7fr 1.3fr;align-items:center;gap:6vw;max-width:1180px;margin-top:32px;margin-left:auto;margin-right:auto;padding:36px}.offers-other h2{font-size:36px}.process-intro{grid-template-columns:1fr 1fr;align-items:end;gap:8vw;max-width:1180px;margin-bottom:82px;margin-left:auto;margin-right:auto}.process-intro h2{font-size:clamp(52px,6vw,88px)}.process-intro p{font-size:21px}.process-step{min-width:0;padding:0 18px 0 0;display:block}.process-step h3{margin-top:26px;font-size:clamp(24px,2.2vw,34px)}.process-step p{margin-top:16px;font-size:16px}.process-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1180px;margin-left:auto;margin-right:auto}.process-grid:before{width:auto;height:1px;inset:22px 18px auto 22px}.services-note{grid-template-columns:1fr auto;align-items:end}.detail-process .services-note a{grid-column:2}.detail-process .services-note{max-width:1180px;margin-top:90px;margin-left:auto;margin-right:auto}.detail-hero{grid-template-columns:1.2fr .8fr;align-items:center;min-height:600px;padding:64px 6vw 88px}.detail-back{grid-column:1/-1;align-self:start}.detail-hero h1{font-size:clamp(68px,8.5vw,128px)}.detail-hero .service-visual{width:min(80%,440px)}.detail-process{padding:110px 6vw 120px}.art-card span{font-size:clamp(20px,3vw,42px)}.about{padding:110px 6vw}.about-copy{grid-template-columns:1.35fr .65fr;align-items:end;gap:9vw;margin-top:0}.about-copy>div{font-size:20px}.about-page-hero{grid-template-columns:.85fr 1.15fr;align-items:center;gap:7vw;min-height:calc(100vh - 74px);padding:8vh 6vw}.about-page-heading h1{font-size:clamp(64px,7vw,108px)}.about-page-heading p{font-size:clamp(19px,1.7vw,25px)}.taiyo-photo{justify-self:center;width:100%;max-width:838.35px}.taiyo-photo img{aspect-ratio:1.25;min-height:520px}.about-story,.about-contact{grid-template-columns:.9fr 1.1fr;gap:9vw;padding:120px 6vw}.about-story h2,.about-approach h2,.about-contact h2{font-size:clamp(48px,5vw,78px)}.about-story-copy{font-size:20px}.about-approach{padding:120px 6vw}.about-approach ol{width:68%;margin-left:auto}.about-approach li{padding:26px 0;font-size:21px}.about-contact>a{justify-self:end;font-size:20px}footer{padding:28px 32px;font-size:10px}}@media (width>=1200px){.round-link{width:186px;font-size:14px;top:calc(50% - 93px)}.round-link b{font-size:25px}}@media (prefers-reduced-motion:no-preference){.has-js body:not(.motion-ready) .orbit-one,.has-js body:not(.motion-ready) .orbit-two:before,.has-js body:not(.motion-ready) .round-link{visibility:hidden;animation:0s 3s forwards orbit-visibility-fallback}body.motion-ready .orbit-one{animation:.6s cubic-bezier(.2,.85,.25,1.15) both orbit-outline-arrive}body.motion-ready .orbit-two:before{animation:.6s cubic-bezier(.2,.85,.25,1.15) .65s both orbit-sun-pop}body.motion-ready .round-link{animation:.6s cubic-bezier(.2,.85,.25,1.15) 1.3s backwards orbit-link-pop}.art-card{transition:transform .3s}.round-link:hover{transform:rotate(var(--round-link-rotation)) scale(1.04)}.project:hover .art-card{transform:rotate(0)scale(1.03)}.project-clay:hover .stationery-card--back{transform:translateY(-50%)rotate(-5deg)scale(1.03)}.project-clay:hover .stationery-card--front{transform:translateY(-50%)rotate(2deg)scale(1.03)}}@media (width<=759px) and (prefers-reduced-motion:no-preference){body.motion-ready .orbit-two:before{animation-delay:0s}body.motion-ready .round-link{animation-delay:.65s}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hero-banner li{transition:transform .24s}.hero-banner li:first-child:is(:hover,:focus-within){transform:rotate(-4deg)}.hero-banner li:nth-child(2):is(:hover,:focus-within){transform:rotate(3.5deg)}.hero-banner li:nth-child(3):is(:hover,:focus-within){transform:rotate(-3deg)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.round-link{visibility:visible;transform:rotate(var(--round-link-rotation))}}@keyframes orbit-link-pop{0%{visibility:hidden;opacity:0;transform:scale(.55) rotate(var(--round-link-rotation))}1%{visibility:visible;opacity:0}72%{visibility:visible;opacity:1;transform:scale(1.14) rotate(var(--round-link-rotation))}to{visibility:visible;opacity:1;transform:scale(1) rotate(var(--round-link-rotation))}}@keyframes orbit-sun-pop{0%{opacity:0;visibility:hidden;transform:scale(.55)}1%{visibility:visible;opacity:0}72%{opacity:1;visibility:visible;transform:scale(1.08)}to{opacity:1;visibility:visible;transform:scale(1)}}@keyframes orbit-visibility-fallback{to{visibility:visible}}@keyframes orbit-outline-arrive{0%{opacity:0;transform:scale(.35)}72%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}