/* Page-specific layout built on the homepage's paper identity. */
.page-studio .h-kicker>.s-brand-name{text-transform:none;letter-spacing:0;width:auto;height:auto;background:none;transform:none}
.page-studio .s-breadcrumb{display:flex;align-items:center;gap:13px;font-size:13px;line-height:1.4;color:var(--home-grey);padding-top:19px}
.page-studio .s-breadcrumb a{padding-block:8px}
.page-studio .s-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.page-studio .s-hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:25px;padding-block:37px 69px}
.page-studio .s-hero h1{font:700 clamp(55px,5.6vw,78px)/1.06 HomeBookman,Georgia,serif;letter-spacing:-.065em;margin:23px 0 25px}
.page-studio .s-hero h1 em{font-family:HomeBookman,Georgia,serif;font-weight:700;color:var(--raspberry);letter-spacing:-.075em;line-height:1.17}
.page-studio .s-hero-copy>.h-button{margin-top:26px}
.page-studio .s-hero-board{margin-top:0;height:365px}
.page-studio .s-idea-note{top:4px}
.page-studio .s-idea-note p{font-size:clamp(28px,2.35vw,35px);line-height:1.24;padding:0 6%}
.page-studio .s-brand-note{position:absolute;width:57%;top:83px;right:-3%;--note-angle:8deg;flex-direction:column;gap:5px;border:0;background:transparent;padding:0;cursor:default}
.page-studio .s-brand-note::before{filter:hue-rotate(142deg) saturate(.38) brightness(1.075)}
.page-studio .s-brand-note:enabled{cursor:pointer}
.page-studio .s-brand-note:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:4px}
.page-studio .s-creation-art{display:block;width:49%;max-width:150px;height:auto;flex-shrink:0;transform:rotate(-7deg);margin-top:3px}
.page-studio .s-creation-pixel{transform-box:fill-box;transform-origin:center;transform:none;transition:transform .62s cubic-bezier(.22,1.3,.36,1);transition-delay:var(--pixel-delay)}
.page-studio .s-creation-pixel-0{--pixel-x:-26px;--pixel-y:-41px;--pixel-angle:-18deg;--pixel-delay:0ms}
.page-studio .s-creation-pixel-1{--pixel-x:-20px;--pixel-y:47px;--pixel-angle:14deg;--pixel-delay:50ms}
.page-studio .s-creation-pixel-2{--pixel-x:-70px;--pixel-y:-83px;--pixel-angle:-12deg;--pixel-delay:100ms}
.page-studio .s-creation-pixel-3{--pixel-x:51px;--pixel-y:29px;--pixel-angle:20deg;--pixel-delay:150ms}
.page-studio .s-creation-pixel-4{--pixel-x:34px;--pixel-y:-5px;--pixel-angle:-16deg;--pixel-delay:200ms}
.page-studio .s-creation-pixel-5{--pixel-x:-27px;--pixel-y:-40px;--pixel-angle:18deg;--pixel-delay:250ms}
.page-studio .s-brand-note:enabled[aria-pressed=false] .s-creation-pixel{transform:translate(var(--pixel-x),var(--pixel-y)) rotate(var(--pixel-angle))}
.page-studio .s-creation-caption{font:400 clamp(21px,2vw,28px)/1.2 NoteHand,cursive;transform:rotate(-3deg);white-space:nowrap}
.page-studio .s-creation-hint{font:400 12px/1.3 Studio,Arial,sans-serif;color:#674551;transform:rotate(-3deg);margin-top:2px}
.page-studio .s-brand-note:disabled .s-creation-hint{visibility:hidden}
@media(hover:hover) and (pointer:fine){.page-studio .s-brand-note:enabled:hover{transform:rotate(3deg) translateY(-7px)}}
@media(prefers-reduced-motion:reduce){.page-studio .s-brand-note:enabled:hover{transform:rotate(var(--note-angle))}.page-studio .s-creation-pixel{transition:none}}
html.reduce-motion .page-studio .s-brand-note:enabled:hover{transform:rotate(var(--note-angle))}
.page-studio .s-hero-board .h-board-caption{bottom:-4px}
.page-studio .s-section-heading>.h-kicker{margin-bottom:17px}
.page-studio h2{font:700 clamp(34px,3.35vw,45px)/1.12 HomeBookman,Georgia,serif;letter-spacing:-.06em}
.page-studio h2 em{font-family:HomeBookman,Georgia,serif;font-weight:700;color:var(--raspberry);letter-spacing:-.07em}
.page-studio .s-name{border-top:1px solid var(--line);padding-block:45px 61px;scroll-margin-top:106px}
.page-studio .s-name-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(30px,5vw,75px);margin-top:28px}
.page-studio .s-name-part{position:relative;min-width:0}
.page-studio .s-glyph-anchor{height:218px;display:flex;justify-content:center;align-items:center}
.page-studio .s-letter-note{width:218px;--note-angle:-6deg}
.page-studio .s-name-glyph{font:700 66px/1 HomeBookman,Georgia,serif;letter-spacing:-.065em;padding:0 10px 5px 0}
.page-studio .s-name-part:nth-child(2) .s-letter-note{--note-angle:5deg}
.page-studio .s-name-part:nth-child(2) .s-name-glyph{font-size:80px}
.page-studio .s-name-part:nth-child(3) .s-letter-note{--note-angle:-4deg}
.page-studio .s-name-part:nth-child(3) .s-name-glyph{font-size:56px}
.page-studio .s-name-part:not(:last-child)::after{content:'+';position:absolute;top:82px;right:calc(clamp(30px,5vw,75px) / -2 - 10px);font:400 31px/1 Studio,Arial,sans-serif;color:#8c806b}
.page-studio .s-name-part:nth-child(2)::after{content:'='}
.page-studio .s-name-copy h3{font-size:23px;line-height:1.25;letter-spacing:-.035em;margin:23px 0 14px}
.page-studio .s-name-copy p{font-size:16px;line-height:1.6;color:var(--home-grey)}
.page-studio .s-source{display:inline-flex;align-items:center;gap:9px;font-size:14px;text-decoration:underline;text-underline-offset:5px;margin-top:14px;min-height:40px;color:#3d495a}
.page-studio .s-source .h-icon{width:17px;height:17px}
.page-studio .s-story{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(35px,6vw,83px);padding-block:40px 76px;scroll-margin-top:108px}
.page-studio .s-story-visual{padding:9px 2px 9px 7px;min-width:0}
.page-studio .s-story .h-photo-print{transform:rotate(-2deg)}
.page-studio .s-story .h-photo-print figcaption{font-size:20px;padding:17px 10px;line-height:1.35}
.page-studio .s-story-copy{min-width:0}
.page-studio .s-story-copy h2{font-size:clamp(32px,3vw,40px);line-height:1.15;margin-block:20px 24px}
.page-studio .s-story-copy>p:not(.h-kicker){font-size:16px;line-height:1.6;color:var(--home-grey);margin-top:17px}
.page-studio .s-story-copy>p.s-story-lead{font-size:19px;line-height:1.5;color:#303540}
.page-studio .s-principles{border-top:1px solid var(--line);padding-block:47px 64px}
.page-studio .s-principles .s-section-heading h2{font-size:clamp(32px,3.1vw,42px)}
.page-studio .s-principles-board{display:grid;grid-template-columns:1.45fr 1fr;gap:clamp(40px,6vw,85px);align-items:center;margin-top:36px}
.page-studio .s-principle-list{list-style:none;margin:0;padding:0}
.page-studio .s-principle-list>li{padding-block:23px}
.page-studio .s-principle-list>li:first-child{padding-top:0}
.page-studio .s-principle-list>li:last-child{padding-bottom:0}
.page-studio .s-principle-list>li+li{border-top:1px solid var(--line)}
.page-studio .s-principle{display:grid;grid-template-columns:70px minmax(0,1fr);gap:23px;align-items:start}
.page-studio .s-principle .h-icon-spot{width:64px;height:58px;margin-top:2px}
.page-studio .s-principle .h-icon{width:34px;height:34px;stroke-width:1.6}
.page-studio .s-principle h3{font-size:21px;line-height:1.3;letter-spacing:-.03em;margin:0 0 9px}
.page-studio .s-principle p{font-size:16px;line-height:1.55;color:var(--home-grey);max-width:48ch}
.page-studio .s-values-note-wrap{width:100%;max-width:370px;justify-self:center;min-width:0}
.page-studio .s-values-note{width:100%;--note-angle:7deg}
.page-studio .s-values-note p{font:400 clamp(30px,3vw,42px)/1.2 NoteHand,cursive;text-align:center;padding:0 5%}
.page-studio .s-values-note p>span{border-bottom:2px solid #171717;padding-bottom:3px}
.page-studio .s-values-note p>.h-icon{width:34px;height:34px;margin-top:13px;stroke-width:1.5}
.page-studio .s-next{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;background:#fbf8f1;border-radius:24px;padding:44px 50px 46px;margin-bottom:61px}
.page-studio .s-next .h-paper-label{display:inline-block;margin-top:0;margin-bottom:22px}
.page-studio .s-next h2{font-size:clamp(32px,3.1vw,43px);line-height:1.14}
.page-studio .s-next-copy>p:not(.h-paper-label){font-size:17px;line-height:1.5;color:var(--home-grey);max-width:40ch;margin-top:20px}
.page-studio .s-next-copy>.h-button{margin-top:24px}
.page-studio .s-next-art{min-width:0;padding:35px 0;text-align:center}
.page-studio .s-remez-sign .h-game-wordmark{font-size:clamp(56px,6vw,85px);-webkit-text-stroke:1.5px #291a4c;text-shadow:0 5px 0 #291a4c,3px 5px 0 #291a4c,-2px 4px 0 #291a4c;line-height:1.25;margin-bottom:22px}
.page-studio .s-remez-sign>p{font-size:17px;color:#3f424d;line-height:1.5;margin:0 auto}
.page-studio .s-remez-sign>span{font:400 25px/1.3 NoteHand,cursive;transform:rotate(-5deg);display:inline-block;color:#7b6528;margin-top:17px}
@media(max-width:1100px){
  .page-studio .s-hero{gap:17px;padding-top:29px}
  .page-studio .s-hero h1{font-size:clamp(50px,5.8vw,66px)}
  .page-studio .s-hero-board{height:324px}
  .page-studio .s-brand-note{top:100px}
  .page-studio .s-idea-note p{font-size:28px}
  .page-studio .s-hero-board .h-board-caption{font-size:17px;bottom:-3px}
  .page-studio .s-name-grid{gap:32px}
  .page-studio .s-glyph-anchor{height:185px}
  .page-studio .s-letter-note{width:185px}
  .page-studio .s-name-glyph{font-size:56px}
  .page-studio .s-name-part:nth-child(2) .s-name-glyph{font-size:69px}
  .page-studio .s-name-part:nth-child(3) .s-name-glyph{font-size:48px}
  .page-studio .s-name-part:not(:last-child)::after{right:-25px;top:72px;font-size:26px}
  .page-studio .s-name-copy h3{font-size:21px;margin-top:19px}
  .page-studio .s-story{gap:40px}
  .page-studio .s-principles-board{gap:40px;grid-template-columns:1.45fr 1fr}
  .page-studio .s-principle{grid-template-columns:55px minmax(0,1fr);gap:15px}
  .page-studio .s-principle .h-icon-spot{width:52px;height:51px}
  .page-studio .s-principle h3{font-size:19px}
  .page-studio .s-values-note p{font-size:33px}
  .page-studio .s-next{padding:38px 35px;gap:27px}
}
@media(min-width:761px) and (max-width:950px){
  .page-studio .s-hero h1{font-size:50px}
  .page-studio .s-hero-board{height:290px}
  .page-studio .s-brand-note{width:59%;top:121px;right:-2%}
  .page-studio .s-idea-note{width:65%;top:2px}
  .page-studio .s-idea-note p{font-size:26px}
  .page-studio .s-creation-caption{font-size:20px}
  .page-studio .s-story{grid-template-columns:1fr;gap:37px}
  .page-studio .s-story-visual{width:72%;max-width:660px;justify-self:center}
  .page-studio .s-story-copy{max-width:700px;justify-self:center}
  .page-studio .s-principles-board{gap:32px;grid-template-columns:1.6fr 1fr}
  .page-studio .s-values-note p{font-size:28px}
}
@media(max-width:760px){
  .page-studio .s-breadcrumb{padding-top:12px;font-size:12px}
  .page-studio .s-hero{grid-template-columns:1fr;gap:19px;padding-block:20px 34px}
  .page-studio .s-hero h1{font-size:clamp(42px,8.4vw,60px);line-height:1.07;margin-block:16px 20px}
  .page-studio .s-hero-copy>.h-button{margin-top:21px}
  .page-studio .s-hero-board{height:220px;max-width:370px;margin-top:0}
  .page-studio .s-idea-note{top:2px;left:0;width:56%}
  .page-studio .s-idea-note p{font-size:23px;line-height:1.25}
  .page-studio .s-brand-note{top:39px;right:-1%;width:54%;gap:4px}
  .page-studio .s-creation-art{width:48%;margin-top:3px}
  .page-studio .s-creation-caption{font-size:19px}
  .page-studio .s-creation-hint{font-size:10px;margin-top:1px}
  .page-studio .s-wide-break{display:none}
  .page-studio h2{font-size:33px;line-height:1.14}
  .page-studio .s-section-heading>.h-kicker{margin-bottom:14px}
  .page-studio .s-name{padding-block:30px 36px;scroll-margin-top:100px}
  .page-studio .s-name-grid{grid-template-columns:1fr;gap:30px;margin-top:23px}
  .page-studio .s-name-part{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:center;gap:12px 19px}
  .page-studio .s-glyph-anchor{grid-column:1;grid-row:1;height:108px}
  .page-studio .s-letter-note{width:108px}
  .page-studio .s-name-glyph{font-size:34px;padding-right:4px}
  .page-studio .s-name-part:nth-child(2) .s-name-glyph{font-size:44px}
  .page-studio .s-name-part:nth-child(3) .s-name-glyph{font-size:29px}
  .page-studio .s-name-copy{display:contents}
  .page-studio .s-name-copy h3{grid-column:2;grid-row:1;font-size:22px;margin:0;line-height:1.3}
  .page-studio .s-name-copy p,.page-studio .s-source{grid-column:1/-1;margin:0}
  .page-studio .s-name-copy p{font-size:16px;line-height:1.6}
  .page-studio .s-name-part+.s-name-part{padding-top:20px;border-top:1px solid var(--line)}
  .page-studio .s-name-part::after{display:none}
  .page-studio .s-source{justify-self:start;font-size:14px;min-height:38px}
  .page-studio .s-story{grid-template-columns:1fr;gap:32px;padding-block:17px 42px;scroll-margin-top:100px}
  .page-studio .s-story-visual{padding:6px 3px;max-width:550px;width:100%;justify-self:center}
  .page-studio .s-story .h-photo-print{transform:rotate(-1.5deg)}
  .page-studio .s-story .h-photo-print figcaption{font-size:18px;padding:14px 9px}
  .page-studio .s-story-copy h2{font-size:32px;margin-block:15px 19px}
  .page-studio .s-story-copy>p.s-story-lead{font-size:18px}
  .page-studio .s-story-copy>p:not(.h-kicker){margin-top:16px}
  .page-studio .s-principles{padding-block:32px 38px}
  .page-studio .s-principles .s-section-heading h2{font-size:31px}
  .page-studio .s-principles-board{grid-template-columns:1fr;gap:25px;margin-top:29px}
  .page-studio .s-principle-list>li{padding-block:20px}
  .page-studio .s-principle{grid-template-columns:45px minmax(0,1fr);gap:15px}
  .page-studio .s-principle .h-icon-spot{width:43px;height:46px}
  .page-studio .s-principle .h-icon{width:29px;height:29px}
  .page-studio .s-principle h3{font-size:19px;margin-bottom:8px;line-height:1.3}
  .page-studio .s-principle p{font-size:16px;line-height:1.55}
  .page-studio .s-values-note-wrap{width:230px;justify-self:center}
  .page-studio .s-values-note p{font-size:28px;line-height:1.15}
  .page-studio .s-values-note p>.h-icon{width:27px;height:27px;margin-top:9px}
  .page-studio .s-next{grid-template-columns:1fr;gap:15px;border-radius:18px;padding:30px 25px;margin-bottom:39px}
  .page-studio .s-next h2{font-size:31px}
  .page-studio .s-next .h-paper-label{font-size:11px;margin-bottom:19px;padding:7px 12px}
  .page-studio .s-next-copy>p:not(.h-paper-label){font-size:16px;margin-top:17px}
  .page-studio .s-next-copy>.h-button{margin-top:21px}
  .page-studio .s-next-art{padding:27px 0 8px}
  .page-studio .s-remez-sign .h-game-wordmark{font-size:62px;margin-bottom:16px}
  .page-studio .s-remez-sign>p{font-size:16px}
  .page-studio .s-remez-sign>span{font-size:23px;margin-top:13px}
}
@media(min-width:520px) and (max-width:760px){
  .page-studio .s-hero h1{font-size:58px}
  .page-studio .s-name-part{grid-template-columns:125px minmax(0,1fr);gap:12px 24px}
  .page-studio .s-glyph-anchor{height:125px}
  .page-studio .s-letter-note{width:125px}
  .page-studio .s-name-glyph{font-size:39px}
  .page-studio .s-name-part:nth-child(2) .s-name-glyph{font-size:48px}
  .page-studio .s-name-part:nth-child(3) .s-name-glyph{font-size:33px}
}
@media(max-width:370px){
  .page-studio .s-hero h1{font-size:39px}
  .page-studio .s-hero-board{height:198px}
  .page-studio .s-idea-note p{font-size:20px}
  .page-studio .s-creation-caption{font-size:17px}
  .page-studio h2,.page-studio .s-story-copy h2,.page-studio .s-principles .s-section-heading h2{font-size:29px}
  .page-studio .s-name-part{grid-template-columns:95px minmax(0,1fr);column-gap:15px}
  .page-studio .s-glyph-anchor{height:95px}
  .page-studio .s-letter-note{width:95px}
  .page-studio .s-name-copy h3{font-size:21px}
  .page-studio .s-principle{grid-template-columns:37px minmax(0,1fr);gap:12px}
  .page-studio .s-principle .h-icon-spot{width:36px;height:39px}
  .page-studio .s-next{padding-inline:21px}
  .page-studio .s-next h2{font-size:28px}
  .page-studio .s-remez-sign .h-game-wordmark{font-size:56px}
}
@media print{.page-studio .s-breadcrumb,.page-studio .s-hero-board,.page-studio .s-next-art{display:none}.page-studio .s-hero,.page-studio .s-name,.page-studio .s-story,.page-studio .s-principles,.page-studio .s-next{display:block;padding:20px 0}.page-studio .s-hero h1{font-size:38px}.page-studio .s-name-grid{gap:20px}.page-studio .s-glyph-anchor{height:110px}.page-studio .s-letter-note{width:110px}.page-studio .s-name-glyph{font-size:34px}.page-studio .s-name-part::after{display:none}.page-studio .s-story-visual{max-width:400px}.page-studio .s-values-note-wrap{display:none}.page-studio .s-principles-board{display:block}.page-studio .s-next{background:none}}
